<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8"/>
  <title>移动端装修</title>
  <script type="text/javascript">
    function getUrlParam(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(r[2]); return null;
    }

    window.api_url = getUrlParam('api_url');
    window.authorization = getUrlParam('authorization');

    window.SYS = {};
    SYS.CONFIG = {
      index_url: api_url, // 预览保存地址
      static_url: './diy-mobile/static'
    };

    SYS.URL = {upload: getUrlParam('uploadUrl')};

    var SYSTEM = SYSTEM || {};
    SYSTEM.skin = 'green';

  </script>

  <link rel="stylesheet" href="./static/diy/css/diy.css?v=1.0.1">
</head>
<body>


<!--网站内容start -->
<div class="index_content">
  <!--右边navstart -->
  <div class="index_right">
    <div class="m-diy-container" id="app" v-cloak>
      <div class="header" style="display: none">
        <div class="header_left" style="display: none">
          <ul>
            <li v-on:click="exit">
              <i class="iconfont icon-xia"></i>
            </li>
          </ul>
        </div>
        <div class="header_right">
          <ul>
            <li v-on:click="Release">
              <i class="iconfont icon-baocun-copy-copy"></i>
              <h1>保存</h1>
            </li>
          </ul>
        </div>
        <div class="header_center">
          综合电商
        </div>
        <div class="header_right" style="display: none;">
          <ul>
            <li v-on:click="DownloadCode">
              <i class="iconfont icon-xiazai"></i>
              <h1>下载代码</h1>
            </li>
          </ul>
        </div>
      </div>
      <div class="m_left">
        <vue-scroll :ops="ops">
          <div class="nav-tabs component-tabs">
            <div class="nav-tabs-item" data-component="true"
                 v-bind:class="{active:componenttabNum==2}" data-tabNum="2" v-on:click="selectTab">
              <label data-component="true" data-tabNum="2">页面管理</label>
            </div>
            <div class="nav-tabs-item" data-component="true"
                 v-bind:class="{active:componenttabNum==1}" data-tabNum="1" v-on:click="selectTab">
              <label data-component="true" data-tabNum="1">组件库</label>
            </div>
          </div>
          <div class="weui-grids pageList" v-if="componenttabNum==2">
            <div class="sub-content left-sub-content">
              <div class="expand_menu_box" v-for="(item,index) in pageList">
                <div class="sub-level-title" :editId="item.Id" v-on:click.stop="editPage">
                  {{(index+1)}}. {{item.PageTitle?item.PageTitle:'第'+(index+1)+'项'}}
                  <span class="isHome"><i class="iconfont icon-shouye"
                                          v-if="item.IsHome"></i></span>
                  <span class="isHome"><i class="iconfont icon-pengyouquan"
                                          v-if="item.IsSns"></i></span>
                  <span class="isHome"><i class="iconfont icon-jifen"
                                          v-if="item.IsPoint">积分</i></span>
                  <i class="iconfont icon-moreunfold"></i>
                  <i class="iconfont icon-icon-del-copy" :delId="item.Id"
                     v-on:click.stop="removePage"></i>
                  <i class="iconfont icon-zhengzaijieru" :editId="item.Id"
                     :style="{display:(editPageId!=item.Id?'none':'')}"
                     style="font-size: 14px;"><label style="font-size: 12px;"
                                                     :editId="item.Id">编辑中...</label></i>

                  <!--
                  <span class="IsRelease" :editId="item.Id" v-if="item.IsRelease"><i
                    :editId="item.Id" class="iconfont icon-yifabu"></i></span>
                  <span class="IsRelease noRelease" :editId="item.Id"
                        v-if="!item.IsRelease"><i :editId="item.Id"
                                                  class="iconfont icon-unpublished"></i></span>-->
                </div>
                <div class="expand_menu_content hidebox left-expand_menu_content"  :style="{display:(editPageId!=item.Id?'none':'block')}">
                  <div class="sub-level1 box_border">
                    <div class="inputicon inputBox" style="min-width:20px;">首页</div>
                    <div class="inputicon inputBox" style="margin-right: 5px;">
                      <input class="weui-switch" type="checkbox" v-model="item.IsHome"
                               :HometPageId="item.Id" v-on:change="setHomePage"/>
                    </div>


                    <div class="inputicon inputBox" style="min-width:20px;">社区 </div>
                    <div class="inputicon inputBox" style="margin-right: 5px;"><input class="weui-switch" type="checkbox" v-model="item.IsSns"
                               :SnsPageId="item.Id" v-on:change="setSnsPage"/></div>

                    <div class="inputicon inputBox" style="min-width:20px;" v-if="false">资讯 </div>
                    <div class="inputicon inputBox" style="margin-right: 5px;" v-if="false"><input class="weui-switch" type="checkbox" v-model="item.IsArticle"
                             :PointPageId="item.Id" :data-page-id="item.Id"
                             data-page-type="IsArticle" v-on:change="setDefaultPage"/></div>

                    <div class="inputicon inputBox" style="min-width:20px;" v-if="false">积分 </div>
                    <div class="inputicon inputBox" style="margin-right: 5px;" v-if="false"><input class="weui-switch" type="checkbox" v-model="item.IsPoint"
                           :PointPageId="item.Id" :data-page-id="item.Id"
                           data-page-type="IsPoint" v-on:change="setDefaultPage"/></div>

                    <!--
                    <div class="inputicon inputBox" style="min-width:20px;">VIP </div>
                    <div class="inputicon inputBox"><input class="weui-switch" type="checkbox" v-model="item.IsUpgrade"
                          :PointPageId="item.Id" :data-page-id="item.Id"
                          data-page-type="IsUpgrade" v-on:change="setDefaultPage"/></div>


                    <div class="inputicon inputBox" style="min-width:20px;">中心 </div>
                    <div class="inputicon inputBox"><input class="weui-switch" type="checkbox" v-model="item.IsLikeYou"
                        :IsLikeYouPageId="item.Id"  :data-page-id="item.Id" data-page-type="IsLikeYou" v-on:change="setDefaultPage"/></div>-->

                  </div>

                  <!--
                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      社区首页
                    </div>
                    <div class="inputicon">
                      <input class="weui-switch" type="checkbox" v-model="item.IsSns"
                             :SnsPageId="item.Id" v-on:change="setSnsPage"/>
                    </div>
                  </div>

                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      资讯首页
                    </div>
                    <div class="inputicon">
                      <input class="weui-switch" type="checkbox" v-model="item.IsArticle"
                             :PointPageId="item.Id" :data-page-id="item.Id"
                             data-page-type="IsArticle" v-on:change="setDefaultPage"/>
                    </div>
                  </div>

                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      积分首页
                    </div>
                    <div class="inputicon">
                      <input class="weui-switch" type="checkbox" v-model="item.IsPoint"
                             :PointPageId="item.Id" :data-page-id="item.Id"
                             data-page-type="IsPoint" v-on:change="setDefaultPage"/>
                    </div>
                  </div>

                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      VIP首页
                    </div>
                    <div class="inputicon">
                      <input class="weui-switch" type="checkbox" v-model="item.IsUpgrade"
                             :PointPageId="item.Id" :data-page-id="item.Id"
                             data-page-type="IsUpgrade" v-on:change="setDefaultPage"/>
                    </div>
                  </div>


                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      用户中心
                    </div>
                    <div class="inputicon">
                      <input class="weui-switch" type="checkbox" v-model="item.IsLikeYou"
                             :IsLikeYouPageId="item.Id"  :data-page-id="item.Id" data-page-type="IsLikeYou" v-on:change="setDefaultPage"/>
                    </div>
                  </div>

                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      限时秒杀
                    </div>
                    <div class="inputicon">
                      <input class="weui-switch" type="checkbox" v-model="item.SecondKill"
                             :SecondKillPageId="item.Id" :data-page-id="item.Id"
                             data-page-type="SecondKill" v-on:change="setDefaultPage"/>
                    </div>
                  </div>

                  <div class="sub-level1 box_border">
                      <div class="sub-label">
                          零元购区
                      </div>
                      <div class="inputicon">
                          <input class="weui-switch" type="checkbox" v-model="item.ZeroBuy"
                                 :ZeroBuyId="item.Id"  :data-page-id="item.Id" data-page-type="ZeroBuy" v-on:change="setDefaultPage"/>
                      </div>
                  </div>

                  <div class="sub-level1 box_border">
                      <div class="sub-label">
                          高额返区
                      </div>
                      <div class="inputicon">
                          <input class="weui-switch" type="checkbox" v-model="item.HighArea"
                                 :HighAreaPageId="item.Id"  :data-page-id="item.Id" data-page-type="HighArea" v-on:change="setDefaultPage"/>
                      </div>
                  </div>

                  <div class="sub-level1 box_border">
                      <div class="sub-label">
                          每日好店
                      </div>
                      <div class="inputicon">
                          <input class="weui-switch" type="checkbox" v-model="item.EveryDay"
                                 :EveryDayPageId="item.Id"  :data-page-id="item.Id" data-page-type="EveryDay" v-on:change="setDefaultPage"/>
                      </div>
                  </div>


                  <div class="sub-level1 box_border">
                      <div class="sub-label">
                          天天秒淘
                      </div>
                      <div class="inputicon">
                          <input class="weui-switch" type="checkbox" v-model="item.SecondDay"
                                 :SecondDayPageId="item.Id"  :data-page-id="item.Id" data-page-type="SecondDay" v-on:change="setDefaultPage"/>
                      </div>
                  </div>
                  <div class="sub-level1 box_border">
                      <div class="sub-label">
                          土特产
                      </div>
                      <div class="inputicon">
                          <input class="weui-switch" type="checkbox" v-model="item.Rura"
                                 :RuraPageId="item.Id"  :data-page-id="item.Id" data-page-type="Rura" v-on:change="setDefaultPage"/>
                      </div>
                  </div>
                  <div class="sub-level1 box_border">
                      <div class="sub-label">
                          用户页banner
                      </div>
                      <div class="inputicon">
                          <input class="weui-switch" type="checkbox" v-model="item.Likeyou"
                                 :LikeyouPageId="item.Id"  :data-page-id="item.Id" data-page-type="Likeyou" v-on:change="setDefaultPage"/>
                      </div>
                  </div>
                  <div class="sub-level1 box_border">
                      <div class="sub-label">
                          兑换专区
                      </div>
                      <div class="inputicon">
                          <input class="weui-switch" type="checkbox" v-model="item.Exchange"
                                 :LikeyouPageId="item.Id"  :data-page-id="item.Id" data-page-type="Exchange" v-on:change="setDefaultPage"/>
                      </div>
                  </div>
                  <div class="sub-level1 box_border">
                      <div class="sub-label">
                          新品首发
                      </div>
                      <div class="inputicon">

                          <input class="weui-switch" type="checkbox" v-model="item.New"
                                 :LikeyouPageId="item.Id"  :data-page-id="item.Id" data-page-type="New" v-on:change="setDefaultPage"/>
                      </div>

                  </div>
                  <div class="sub-level1 box_border">
                      <div class="sub-label">
                          新人福利专享
                      </div>
                      <div class="inputicon">
                          <input class="weui-switch" type="checkbox" v-model="item.Newperson"
                                 :NewpersonPageId="item.Id"  :data-page-id="item.Id" data-page-type="Newperson" v-on:change="setDefaultPage"/>
                      </div>

                  </div>


                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      是否发布
                    </div>
                    <div class="inputicon">
                      <input class="weui-switch" type="checkbox"
                             v-model="item.IsRelease"/>
                    </div>
                  </div>
                  <div class="sub-level1 box_border">
                    <div class="inputBox">
                      页面编号 <input maxlength="20" type="text" v-model="item.Id"
                             style="background-color: #e7e6e6" placeholder="请输入页面编号" readonly/>
                    </div>
                  </div>
                  -->


                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      页面标题
                    </div>
                    <div class="inputBox">
                       <input maxlength="20" type="text" v-model="item.PageTitle"
                                  placeholder="请输入页面标题" style="width:100px;" />  编号 <input maxlength="20" type="text" v-model="item.Id"
                                                                       style="background-color: #e7e6e6;width:83px;" placeholder="请输入页面编号" readonly/>
                    </div>
                  </div>
                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      分享标题
                    </div>
                    <div class="inputBox">
                       <input maxlength="30" type="text" v-model="item.ShareTitle"
                             placeholder="请输入页面分享标题" style="width:227px;"/>
                    </div>
                  </div>
                  <!--图片 start-->
                  <div class="sub-level1 box_border share-image">
                    <div class="sub-label">
                      分享图片
                    </div>
                    <div class="inputbox">
                      <div class="shear_box">
                        <div class="shear_logo" v-if="false">
                          <i class="iconfont icon-xiaochengxu1"></i>
                        </div>
                        <div class="shear_ct" v-if="false">
                          小程序
                        </div>
                        <div class="shear_tip" v-if="false">
                          {{item.ShareTitle || '请输入分享的标题'}}
                        </div>
                        <div class="shear_img">
															<span v-if="isUploadImage">
																<input type="file" name="upfile" :id="'File'+item.Id"
                                       v-on:change="uploadImage" :fileId="item.Id"
                                       :imgSize="800" :uptype="1"/>
															</span>
                          <img :src="item.ShareImg || './static/diy/img/266x212.png' "
                               :imgId="item.Id" :uptype="1"/>
                        </div>
                        <div class="shear_bottom" v-if="false">
                          <i class="iconfont icon-xiaochengxu"></i>小程序
                        </div>
                      </div>
                    </div>
                  </div>
                  <!--图片 start-->
                </div>
              </div>
              <div class="expand_menu_box">
                <div class="sub-level-title" :editId="PersonalCenter.Id"
                     v-on:click.stop="editPage">
                  用户中心 <i class="iconfont icon-moreunfold"></i>
                  <i class="iconfont icon-zhengzaijieru" :editId="PersonalCenter.Id"
                     :style="{display:(editPageId!=PersonalCenter.Id?'none':'')}"
                     style="font-size: 14px;"><label style="font-size: 12px;"
                                                     editId="PersonalCenter">编辑中...</label></i>
                </div>
                <div class="expand_menu_content left-expand_menu_content hidebox">
                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      展示样式
                    </div>
                    <div class="inputicon">
                      <div class="radioBox">
                        <input type="radio" id="Radio55" name="Radio55"
                               v-model="PersonalCenter.PageCode.type" value="1"/>
                        <label for="Radio55">
                          <i class="iconfont icon-liebiao"></i>
                        </label>
                      </div>
                    </div>
                    <div class="inputicon">
                      <div class="radioBox">
                        <input type="radio" id="Radio57" name="Radio55"
                               v-model="PersonalCenter.PageCode.type" value="2"/>
                        <label for="Radio57">
                          <i class="iconfont icon-gongge"></i>
                        </label>
                      </div>
                    </div>
                  </div>


                  <div class="sub-level1 box_border"
                       v-for="(item,index) in PersonalCenter.PageCode.list"
                       v-if="true || !item.FeatureKey || FeatureKeyList.indexOf(item.FeatureKey)>=0">
                    <div class="sub-label">
                      {{item.name}}
                    </div>
                    <div class="inputicon">
                      <input class="weui-switch" type="checkbox" v-model="item.isShow"/>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div style="padding: 10px 0;" v-if="FeatureKeyList.indexOf('DiyLnkPage')>=0">
              <div class="msk_add_ad" v-on:click="addPage">
                <label></label>新增页面
              </div>
            </div>
            <div class="vipBox" style="background-color: #31364a; padding: 10px 0;"
                 v-if="FeatureKeyList.indexOf('DiyLnkPage')<0">
              <div class="msk_add_ad ">
                <label></label>新增页面
              </div>
            </div>
          </div>
          <ul class="weui-grids" id="moduleList" v-if="componenttabNum==1">
            <li class="weui-grid" v-on:click="addModule" :ckType="3">
              <div class="weui-grid__icon" :ckType="3">
                <img src="./static/diy/img/z_07.png" :ckType="3"/>
              </div>
              <h1 class="weui-grid__label" :ckType="3">轮播</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="1">
              <div class="weui-grid__icon" :ckType="1">
                <img src="./static/diy/img/z_03.png" :ckType="1"/>
              </div>
              <h1 class="weui-grid__label" :ckType="1">图片</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="6">
              <div class="weui-grid__icon" :ckType="6">
                <img src="./static/diy/img/z_16.png" :ckType="6"/>
              </div>
              <h1 class="weui-grid__label" :ckType="6">图片组</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="4">
              <div class="weui-grid__icon" :ckType="4">
                <img src="./static/diy/img/z_13.png" :ckType="4"/>
              </div>
              <h1 class="weui-grid__label" :ckType="4">商品列表</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="7">
              <div class="weui-grid__icon" :ckType="7">
                <img src="./static/diy/img/z_20.png" :ckType="7"/>
              </div>
              <h1 class="weui-grid__label" :ckType="7">功能入口</h1><!-- 默认四个-->
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="2">
              <div class="weui-grid__icon" :ckType="2">
                <img src="./static/diy/img/z_05.png" :ckType="2"/>
              </div>
              <h1 class="weui-grid__label" :ckType="2">富文本</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="5">
              <div class="weui-grid__icon" :ckType="5">
                <img src="./static/diy/img/z_15.png" :ckType="5"/>
              </div>
              <h1 class="weui-grid__label" :ckType="5">辅助空白</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="9">
              <div class="weui-grid__icon" :ckType="9">
                <img src="./static/diy/img/z_22.png" :ckType="9"/>
              </div>
              <h1 class="weui-grid__label" :ckType="9">搜索</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="8">
              <div class="weui-grid__icon" :ckType="8">
                <img src="./static/diy/img/z_23.png" :ckType="8"/>
              </div>
              <h1 class="weui-grid__label" :ckType="8">电话</h1>
            </li>
            <span class="weui-grid" v-on:click="addSingleModule" :ckType="10">
									<div class="weui-grid__icon" :ckType="10">
										<img src="./static/diy/img/z_24.png" :ckType="10"/>
									</div>
									<h1 class="weui-grid__label" :ckType="10">背景</h1>
								</span>
            <li class="weui-grid" v-on:click="addModule" :ckType="11">
              <div class="weui-grid__icon" :ckType="11">
                <img src="./static/diy/img/z_25.png" :ckType="11"/>
              </div>
              <h1 class="weui-grid__label" :ckType="11">客服</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="12"
                v-if="FeatureKeyList.indexOf('VideoCnt')>=0">
              <div class="weui-grid__icon" :ckType="12">
                <img src="./static/diy/img/z_26.png" :ckType="12"/>
              </div>
              <h1 class="weui-grid__label" :ckType="12">视频</h1>
            </li>
            <span class="weui-grid vipBox" v-if="FeatureKeyList.indexOf('VideoCnt')<0">
									<div class="weui-grid__icon">
										<img src="./static/diy/img/z_26.png"/>
									</div>
									<h1 class="weui-grid__label">视频</h1>
								</span>
            <li class="weui-grid" v-on:click="addModule" :ckType="13"
                v-if="FeatureKeyList.indexOf('DynForm')>=0">
              <div class="weui-grid__icon" :ckType="13">
                <img src="./static/diy/img/z_28.png" :ckType="13"/>
              </div>
              <h1 class="weui-grid__label" :ckType="13">动态表单</h1>
            </li>
            <span class="weui-grid vipBox" v-if="FeatureKeyList.indexOf('DynForm')<0">
									<div class="weui-grid__icon">
										<img src="./static/diy/img/z_28.png"/>
									</div>
									<h1 class="weui-grid__label">动态表单</h1>
								</span>
            <li class="weui-grid" v-on:click="addModule" :ckType="14">
              <div class="weui-grid__icon" :ckType="14">
                <img src="./static/diy/img/z_29.png" :ckType="14"/>
              </div>
              <h1 class="weui-grid__label" :ckType="14">通告栏</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="15">
              <div class="weui-grid__icon" :ckType="15">
                <img src="./static/diy/img/z_30.png" :ckType="15"/>
              </div>
              <h1 class="weui-grid__label" :ckType="15">标题</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="16">
              <div class="weui-grid__icon" :ckType="16">
                <img src="./static/diy/img/z_31.png" :ckType="16"/>
              </div>
              <h1 class="weui-grid__label" :ckType="16">营销活动</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="17">
              <div class="weui-grid__icon" :ckType="17">
                <img src="./static/diy/img/z_32.png" :ckType="17"/>
              </div>
              <h1 class="weui-grid__label" :ckType="17">优惠券</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="18">
              <div class="weui-grid__icon" :ckType="18">
                <img src="./static/diy/img/z_98.png" :ckType="18"/>
              </div>
              <h1 class="weui-grid__label" :ckType="18">公众号关注</h1>
            </li>


            <li class="weui-grid" v-on:click="addModule" :ckType="101">
              <div class="weui-grid__icon" :ckType="101">
                <img src="./static/diy/img/z_07.png" :ckType="101"/>
              </div>
              <h1 class="weui-grid__label" :ckType="101">猜你喜欢</h1>
            </li>

            <!--
            <li class="weui-grid" v-on:click="addModule" :ckType="102">
              <div class="weui-grid__icon" :ckType="102">
                <img src="./static/diy/img/z_07.png" :ckType="102"/>
              </div>
              <h1 class="weui-grid__label" :ckType="102">附近店铺</h1>
            </li>
            <li class="weui-grid" v-on:click="addModule" :ckType="103">
              <div class="weui-grid__icon" :ckType="103">
                <img src="./static/diy/img/z_07.png" :ckType="103"/>
              </div>
              <h1 class="weui-grid__label" :ckType="103">秒杀商品</h1>
            </li>
             -->

            <li class="weui-grid" v-on:click="addModule" :ckType="104">
              <div class="weui-grid__icon" :ckType="104">
                <img src="./static/diy/img/z_07.png" :ckType="104"/>
              </div>
              <h1 class="weui-grid__label" :ckType="104">分类商品</h1>
            </li>
          </ul>
        </vue-scroll>
      </div>
      <div class="m-phone"
           :style="{background:(PageConfig.BackgroundObj.type==1?PageConfig.BackgroundObj.bgColor:'url('+PageConfig.BackgroundObj.path+') no-repeat '+PageConfig.BackgroundObj.pathColor+' ')}">
        <div class="app_header"
             :style="{backgroundColor:appConfig.window.navigationBarBackgroundColor,color:appConfig.window.navigationBarTextStyle}"
             v-on:click="setTitle">
          <h1>{{StoreName}}</h1>
          <i class="iconfont icon-fenxiang"></i>
        </div>

        <!-- <div class="weui-tabbar" v-if="appConfig.tabBar.position=='bottom' && isTabBar"
                     :style="{color:appConfig.tabBar.color,backgroundColor:appConfig.tabBar.backgroundColor }"
                     v-on:click="setTabBar">
                        <span class="weui-tabbar__item weui-bar__item_on" v-for="(item,index) in appConfig.tabBar.list">
                            <div v-if="index==selectIndex" :style="{color:appConfig.tabBar.selectedColor}">
                                <span>
                                    <img :src="item.selectedIconPath || './static/diy/img/icon_tabbar.png' "
                                         alt="" class="weui-tabbar__icon" :selectIndex="index"
                                         v-on:click.stop="selectTabBar">
                                </span>
                                <p class="weui-tabbar__label">{{item.text}}</p>
                            </div>
                            <div v-if="index!=selectIndex">
                                <span>
                                    <img :src="item.iconPath || './static/diy/img/icon_tabbar.png'"
                                         alt="" class="weui-tabbar__icon" :selectIndex="index"
                                         v-on:click.stop="selectTabBar">
                                </span>
                                <p class="weui-tabbar__label">{{item.text}}</p>
                            </div>
                        </span>
                </div> -->

        <div class="weui-navbar" v-if="appConfig.tabBar.position=='top' && isTabBar"
             :style="{color:appConfig.tabBar.color,backgroundColor:appConfig.tabBar.backgroundColor}"
             v-on:click="setTabBar">
          <div class="weui-navbar__item" v-for="(item,index) in appConfig.tabBar.list">
            <label v-if="index==selectIndex" :style="{color:appConfig.tabBar.selectedColor}"
                   :selectIndex="index" v-on:click.stop="selectTabBar">
              {{item.text}}
              <span :style="{backgroundColor:appConfig.tabBar.selectedColor}"></span>
            </label>
            <label v-if="index!=selectIndex" :selectIndex="index" v-on:click.stop="selectTabBar">
              {{item.text}}
            </label>
          </div>
        </div>

        <vue-scroll :ops="ops">

          <div v-if="editPageId==PersonalCenter.Id">
            <div class="m-banner-img">
              <div class="m-animate-warp"
                   style="background:url(./static/diy/img/photo.png);background-size: cover;">
                <div class="m-animate-img"
                     style="background:url(./static/diy/img/photo.png);background-size: cover;">
                </div>
              </div>
              <div class="m-user-info">
                <image src="./static/diy/img/photo.png"/>
                <label>昵称</label>
              </div>
            </div>
            <div class="g-flex m-od-tab">
									<span class="g-flex-item">
										<div class="iconfont icon-daizhifu i-type"></div>
										待支付
									</span>
              <span class="g-flex-item">
										<div class="iconfont icon-zhifu i-type"></div>
										待收货
									</span>
              <div class="g-flex-item"></div>
              <span class="g-flex-item">
										<div class="iconfont icon-myiwancheng i-type"></div>
										已完成
									</span>
              <span class="g-flex-item">
										<div class="iconfont icon-quanbudingdan i-type"></div>
										全部订单
									</span>
            </div>

            <div class="iconBoxList" :class="{iconBoxLattice:PersonalCenter.PageCode.type==2}">
              <ul>
                <li style="width: 100%;">自定义装修区域</li>
              </ul>
            </div>

            <div class="iconBoxList" :class="{iconBoxLattice:PersonalCenter.PageCode.type==2}">
              <ul>
                <li style="width: 100%;">常用功能</li>
                <li v-for="item in PersonalCenter.PageCode.list"
                    v-if="item.cat==1 && (true || !item.FeatureKey || FeatureKeyList.indexOf(item.FeatureKey)>=0) && item.isShow">
                  <div class="iconText">
                    <label class="iconfont" :class="item.icon"
                           v-bind:style="{color:item.color}"></label><span>{{item.name}}</span>
                    <i class="iconfont icon-right"></i>
                  </div>
                </li>
              </ul>
            </div>

            <div class="iconBoxList" :class="{iconBoxLattice:PersonalCenter.PageCode.type==2}">
              <ul>
                <li style="width: 100%;">特色功能</li>
                <li v-for="item in PersonalCenter.PageCode.list"
                    v-if="item.cat==2 && (true || !item.FeatureKey || FeatureKeyList.indexOf(item.FeatureKey)>=0) && item.isShow">
                  <div class="iconText">
                    <label class="iconfont" :class="item.icon"
                           v-bind:style="{color:item.color}"></label><span>{{item.name}}</span>
                    <i class="iconfont icon-right"></i>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div class="pagexd" id="sortable_container" v-if="editPageId!=PersonalCenter.Id">
            <div v-for="item in info" class="dropItem" v-bind:style="{

                        clear: (item.eltmType==1 || item.eltmType==3)  ? 'none' : 'both',
                        paddingTop:(item.paddingTop||0)+'px',
                        paddingBottom:(item.paddingBottom||0)+'px',
                        paddingLeft:(item.paddingLeft||0)+'px',
                        paddingRight:(item.paddingRight||0)+'px',
                        width:(375-(item.paddingLeft||0)-(item.paddingRight||0))+'px'
                        }">
              <div v-if="item.eltmType==1"
                   v-bind:class="{ms:item.eltmType==1,s1:item.eltm1.layout==1,s2h:item.eltm1.layout==2,s2v:item.eltm1.layout==3,s4h:item.eltm1.layout==4,s4v:item.eltm1.layout==5,s8h:item.eltm1.layout==6,s8v:item.eltm1.layout==7,s16:item.eltm1.layout==8,s250h:item.eltm1.layout==9,fl:item.eltm1.align==1,fr:item.eltm1.align==2}"
                   v-bind:style="{
                                                            width:item.eltm1.width/2+'px',
                                                            height:item.eltm1.height/2+'px',

                                                            paddingTop:item.eltm1.paddingTop+'px',
                                                            paddingBottom:item.eltm1.paddingBottom+'px',
                                                            paddingLeft:item.eltm1.paddingLeft+'px',
                                                            paddingRight:item.eltm1.paddingRight+'px',
                                                            backgroundColor:item.bgColor
                                                            }">
                <img v-if="item.eltm1.layout==1"
                     :src="item.eltm1.data.path || './static/diy/img/750x750.png'"/>
                <img v-if="item.eltm1.layout==2"
                     :src="item.eltm1.data.path || './static/diy/img/750x375.png'"/>
                <img v-if="item.eltm1.layout==3"
                     :src="item.eltm1.data.path || './static/diy/img/375x750.png'"/>
                <img v-if="item.eltm1.layout==4"
                     :src="item.eltm1.data.path || './static/diy/img/750x188.png'"/>
                <img v-if="item.eltm1.layout==5"
                     :src="item.eltm1.data.path || './static/diy/img/375x375.png'"/>
                <img v-if="item.eltm1.layout==6"
                     :src="item.eltm1.data.path || './static/diy/img/375x188.png'"/>
                <img v-if="item.eltm1.layout==7"
                     :src="item.eltm1.data.path || './static/diy/img/188x375.png'"/>
                <img v-if="item.eltm1.layout==8"
                     :src="item.eltm1.data.path || './static/diy/img/188x188.png'"/>
                <img v-if="item.eltm1.layout==9"
                     :src="item.eltm1.data.path || './static/diy/img/750x500.png'"/>
                <div v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="item.eltmType==2" class="m-RichText"
                   v-bind:style="{padding:item.eltm2.padding+ 'px',backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">
                <div v-if="item.eltm2.data.words==null || item.eltm2.data.words==''">
                  <p>点此编辑『富文本』内容 ——</p>
                  <p>你可以对文字进行<strong>加粗</strong>、<em>斜体</em>、<span
                    style="text-decoration: underline;">下划线</span>、<span
                    style="text-decoration: line-through;">删除线</span>、文字<span
                    style="color: rgb(0, 176, 240);">颜色</span>、<span
                    style="background-color: rgb(255, 192, 0); color: rgb(255, 255, 255);">背景色</span>、以及字号<span
                    style="font-size: 20px;">大</span><span
                    style="font-size: 14px;">小</span>等简单排版操作。
                  </p>
                  <p style="text-align: left;"><span
                    style="text-align: left;">也可在这里插入图片。</span></p>
                </div>
                <div v-html="item.eltm2.data.words">

                </div>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>

              <div v-if="item.eltmType==3" style="position: relative;" v-bind:class="{fl:(typeof(item.eltm3.align)!='undefined' && item.eltm3.align==1),fr:(typeof(item.eltm3.align)!='undefined' &&  item.eltm3.align==2)}">
                <div v-if="item.eltmType==3 && item.eltm3.showNbg==1" class="bg-ellipse"
                     :style="{backgroundColor: appConfig.window.navigationBarBackgroundColor}">
                </div>
                <div v-if="item.eltmType==3" class="m-scrollBox"
                     v-bind:style="{height:item.eltm3.height+ 'px',width:item.eltm3.width+ 'px',lineHeight:item.eltm3.height+ 'px',backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">
                  <img v-if="item.eltm3.data.length<=0"
                       src="./static/diy/img/375x200.png"/>
                  <img v-if="item.eltm3.data.length>0"
                       :src="item.eltm3.data[0].path || './static/diy/img/375x200.png'"
                       v-bind:style="{borderRadius: item.eltm3.borderRadius+ 'px'}"/>
                  <div v-if="item.eltm3.data.length>0" class="m-scrollBox-bot">
                    <div class="bot-item" v-for="item in item.eltm3.data"></div>
                  </div>
                  <div class="editContent"
                       v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                       v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                    <ul>
                      <li v-on:click.stop="editModule" :divid="item.id"
                          :editType="item.eltmType">编辑
                      </li>
                      <li v-bind:id="item.id" :editType="item.eltmType"
                          v-on:click.stop="remvoeModule">
                        删除
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div v-if="item.eltmType==4"
                   v-bind:class="{m_plist:item.eltmType==4,p1:item.eltm4.listTyle==1,p2:item.eltm4.listTyle==2,p3:item.eltm4.listTyle==3,p4:item.eltm4.listTyle==4,p5:item.eltm4.listTyle==5}"
                   v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">
                <div class="m_pitem" v-if="item.eltm4.data.length<=0">
                  <div class="m_pinfo">
                    <div class="pimg">
                      <img v-if="item.eltm4.listTyle==1"
                           src="./static/diy/img/350x350.png"/>
                      <img v-if="item.eltm4.listTyle==2"
                           src="./static/diy/img/180x180.png"/>
                      <img v-if="item.eltm4.listTyle==3"
                           src="./static/diy/img/355x166.png"/>
                      <img v-if="item.eltm4.listTyle==4"
                           src="./static/diy/img/140x140.png"/>
                      <img v-if="item.eltm4.listTyle==5"
                           src="./static/diy/img/140x140.png"/>
                    </div>
                    <div class="pinfo">
                      <div class="pname">
                        <label>商品名称 </label>
                      </div>
                      <div class="pSelling" v-if="item.eltm4.isProductTips">
                        商品卖点
                      </div>
                      <div class="pprice" v-if="item.eltm4.isPrice">
                        <div class="pc" v-bind:style="{color:item.eltm4.priceColor}">
                          <label>￥</label>0.00
                        </div>
                        <div v-if="item.eltm4.btnType==1 || item.eltm4.btnType==2"
                             v-bind:class="{c1:item.eltm4.btnType==1,c2:item.eltm4.btnType==2}">

                        </div>
                        <div v-if="item.eltm4.btnType==3" class="c3">
                          buy
                        </div>
                        <div v-if="item.eltm4.btnType==4" class="c4"
                             v-bind:style="{backgroundColor:item.eltm4.btnColor,color:item.eltm4.btnFontColor}">
                          购买
                        </div>
                      </div>
                    </div>

                  </div>
                </div>
                <div class="m_pitem" v-for="items in item.eltm4.data"
                     v-if="item.eltm4.data.length>0 && items"
                     v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">
                  <div class="m_pinfo">
                    <div class="pimg" v-if="items.path!=''">
                      <img :src="items.path"/>
                    </div>
                    <div class="pimg" v-if="items.path==''"
                         style="background-color: #81d5fa;">
                      <img v-if="item.eltm4.listTyle==1"
                           src="./static/diy/img/350x350.png"/>
                      <img v-if="item.eltm4.listTyle==2"
                           src="./static/diy/img/180x180.png"/>
                      <img v-if="item.eltm4.listTyle==3"
                           src="./static/diy/img/355x166.png"/>
                      <img v-if="item.eltm4.listTyle==4"
                           src="./static/diy/img/140x140.png"/>
                      <img v-if="item.eltm4.listTyle==5"
                           src="./static/diy/img/140x140.png"/>
                    </div>
                    <div class="pinfo">
                      <div class="pname" v-if="items.name!=''">
                        <label
                          :style="{height:item.eltm4.charLine==1?'18px':'36px','-webkit-line-clamp':item.eltm4.charLine}">{{items.name}}</label>
                      </div>
                      <div class="pname" v-if="items.name==''">
                        <label>商品名称</label>
                      </div>
                      <div class="pSelling"
                           v-if="items.ProductTips!='' && item.eltm4.isProductTips && item.eltm4.isPrice">
                        {{items.ProductTips}}
                      </div>
                      <div class="pSelling"
                           v-if="items.ProductTips=='' && item.eltm4.isProductTips && item.eltm4.isPrice">
                        商品卖点
                      </div>
                      <div class="pSelling"
                           v-if="items.ProductTips!='' && item.eltm4.isProductTips && !item.eltm4.isPrice"
                           style="display: inline-block; padding-top: 12px;padding-bottom: 12px ">
                        {{items.ProductTips}}
                      </div>
                      <div class="pSelling"
                           v-if="items.ProductTips=='' && item.eltm4.isProductTips && !item.eltm4.isPrice"
                           style="display: inline-block; padding-top: 12px;padding-bottom: 12px ">
                        商品卖点
                      </div>
                      <div class="pprice">
                        <div class="pc" v-bind:style="{color:item.eltm4.priceColor}">
															<span
                                v-if="items.ItemSalePrice!='' && item.eltm4.isPrice"><label>￥</label>{{items.ItemSalePrice}}</span>
                        </div>
                        <div class="pprice"
                             v-if="items.ItemSalePrice=='' && item.eltm4.isPrice"
                             v-bind:style="{color:item.eltm4.priceColor}">
                          <label>￥</label>19.88
                        </div>
                        <div v-if="item.eltm4.btnType==1 || item.eltm4.btnType==2"
                             v-bind:class="{c1:item.eltm4.btnType==1,c2:item.eltm4.btnType==2}">

                        </div>
                        <div v-if="item.eltm4.btnType==3" class="c3">
                          buy
                        </div>
                        <div v-if="item.eltm4.btnType==4" class="c4"
                             v-bind:style="{backgroundColor:item.eltm4.btnColor,color:item.eltm4.btnFontColor}">
                          {{item.eltm4.btnText}}
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="item.eltmType==5" class="m-blank"
                   v-bind:style="{height:item.eltm5.height+ 'px',lineHeight:item.eltm5.height+ 'px',backgroundColor:item.bgColor}">
                辅助空白区域
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="item.eltmType==6"
                   style="position:relative;clear:both;width:100%;overflow:hidden">
                <div v-bind:class="{boxFlex:item.eltmType==6,
                                           fdRow:item.eltm6.flexDirection==0,
                                           fdRowReverse:item.eltm6.flexDirection==1,
                                           fdColumn:item.eltm6.flexDirection==2,
                                           fdColumnReverse:item.eltm6.flexDirection==3,
                                           fwNowrap:item.eltm6.flexWrap==0,
                                           fwWrap:item.eltm6.flexWrap==1,
                                           fwWrapReverse:item.eltm6.flexWrap==2,
                                           jcFlexStart:item.eltm6.justifyContent==0,
                                           jcFlexEnd:item.eltm6.justifyContent==1,
                                           jcCenter:item.eltm6.justifyContent==2,
                                           jcSpaceBetween:item.eltm6.justifyContent==3,
                                           jcSpaceAround:item.eltm6.justifyContent==4,
                                           aiFlexStart:item.eltm6.alignItems==0,
                                           aiFlexEnd:item.eltm6.alignItems==1,
                                           aiCenter:item.eltm6.alignItems==2,
                                           aiBaseline:item.eltm6.alignItems==3,
                                           aiStretch:item.eltm6.alignItems==4
                                                                    }"
                     v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px',width:(item.eltm6.width>1 && item.eltm6.flexWrap==0)?'1000000%':''}">
                  <div v-if="item.eltm6.data.length>0" v-for="items in item.eltm6.data"
                       :class="{boxFlexItem1:item.eltm6.width<1}" v-bind:style="{
                                                            paddingTop:item.eltm6.paddingTop+'px',
                                                            paddingBottom:item.eltm6.paddingBottom+'px',
                                                                    paddingLeft:item.eltm6.paddingLeft+'px',
                                                            paddingRight:item.eltm6.paddingRight+'px',
                                                            fontSize:item.eltm6.fontSize+'px',
                                                            color:item.eltm6.fontColor
                                                            }">
												<span v-if="item.eltm6.type==1"
                              :style="{width:(items.flexNum>1?(items.flexNum+'px'):'100%')}">{{items.name || '请输入文字'}}</span>
                    <img v-if="item.eltm6.type==0"
                         :src="items.path ||  './static/diy/img/187x100.png'"
                         :style="{width:(item.eltm6.width>1?(item.eltm6.width+'px'):'100%'),height:(item.eltm6.height>1?(item.eltm6.height+'px'):'auto')}"/>
                  </div>
                  <div :class="{boxFlexItem1:item.eltm6.width<1}"
                       v-if="item.eltm6.data.length<=0" v-bind:style="{
                                                            paddingTop:item.eltm6.paddingTop+'px',
                                                            paddingBottom:item.eltm6.paddingBottom+'px',
                                                                    paddingLeft:item.eltm6.paddingLeft+'px',
                                                            paddingRight:item.eltm6.paddingRight+'px',
                                                            fontSize:item.eltm6.fontSize+'px',
                                                            color:item.eltm6.fontColor
                                                            }">
                    <img src="./static/diy/img/187x100.png"/>
                  </div>
                  <div :class="{boxFlexItem1:item.eltm6.width<1}"
                       v-if="item.eltm6.data.length<=0" v-bind:style="{
                                                            paddingTop:item.eltm6.paddingTop+'px',
                                                            paddingBottom:item.eltm6.paddingBottom+'px',
                                                                    paddingLeft:item.eltm6.paddingLeft+'px',
                                                            paddingRight:item.eltm6.paddingRight+'px',
                                                            fontSize:item.eltm6.fontSize+'px',
                                                            color:item.eltm6.fontColor
                                                            }">
                    <img src="./static/diy/img/187x100.png"/>
                  </div>
                </div>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="item.eltmType==7"
                   v-bind:class="{boxGrids:item.eltmType==7,boxGridsBorder:item.eltm7.border}"
                   v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">
										<span v-bind:class="{boxGrid:item.eltmType==7,boxGridBorder:item.eltm7.border}"
                          v-for="items in item.eltm7.data" v-if="item.eltm7.data.length>0 && items"
                          v-bind:style="{width:(100/item.eltm7.column)+'%',paddingTop:item.eltm7.paddingTop+'px',paddingBottom:item.eltm7.paddingBottom+'px',paddingLeft:item.eltm7.paddingLeft+'px',paddingRight:item.eltm7.paddingRight+'px',backgroundColor:item.bgColor}">
											<div class="boxGridIcon">
												<img :src="items.path || './static/diy/img/90x90.png'"
                             alt="">
											</div>
											<p class="boxGridLabel">{{items.name || '功能入口'}}</p>
										</span>
                <span class="boxGrid" v-if="item.eltm7.data.length==0"
                      v-for="items in [1,2,3,4,5,6,7,8,9]"
                      v-bind:class="{boxGrid:item.eltmType==7,boxGridBorder:item.eltm7.border}"
                      v-if="item.eltm7.data.length>0" v-for="items in item.eltm7.data"
                      v-bind:style="{width:(100/item.eltm7.column)+'%',paddingTop:item.eltm7.paddingTop+'px',paddingBottom:item.eltm7.paddingBottom+'px',paddingLeft:item.eltm7.paddingLeft+'px',paddingRight:item.eltm7.paddingRight+'px',backgroundColor:item.bgColor}">
											<div class="boxGridIcon">
												<img src="./static/diy/img/90x90.png"/>
											</div>
											<p class="boxGridLabel">功能入口</p>
										</span>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="item.eltmType==9" class="searchBox" v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px',paddingTop:item.eltm9.paddingTop+'px',
                                                            paddingBottom:item.eltm9.paddingBottom+'px',
                                                            paddingLeft:item.eltm9.paddingLeft+'px',
                                                            paddingRight:item.eltm9.paddingRight+'px'}">
                <div class="contentBox">
                  <i class="iconfont icon-sousuo"></i><label>{{item.eltm9.tipText}}</label>
                </div>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>
              <div class="videoBox" v-if="item.eltmType==12">
                <div>
                  <video :src="item.eltm12.src" :poster="item.eltm12.poster"
                         :controls="item.eltm12.controls" :autoplay="item.eltm12.autoplay"
                         :loop="item.eltm12.loop"
                         v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px',paddingTop:item.eltm12.paddingTop+'px',
                                                                paddingBottom:item.eltm12.paddingBottom+'px',
                                                                paddingLeft:item.eltm12.paddingLeft+'px',
                                                                paddingRight:item.eltm12.paddingRight+'px',width:item.eltm12.width+'px',height:item.eltm12.height+'px'}">
                    您的浏览器不支持 video 标签。
                  </video>
                  <div class="editContent"
                       v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                       v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                    <ul>
                      <li v-on:click.stop="editModule" :divid="item.id"
                          :editType="item.eltmType">编辑
                      </li>
                      <li v-bind:id="item.id" :editType="item.eltmType"
                          v-on:click.stop="remvoeModule">
                        删除
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="notice" v-if="item.eltmType==14"
                   v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px',paddingTop:item.eltm14.paddingTop+ 'px',paddingBottom:item.eltm14.paddingBottom+ 'px'}">
                <div class="notice-icon ">
                  <img :src="item.eltm14.image?item.eltm14.image:'https://static.shopsuite.cn/xcxfile/appicon/notice/Notice1.png'"
                       alt="Alternate Text"/>
                </div>
                <div class="notice-content">
                  <ul v-if="item.eltm14.data.length>0">
                    <li v-for="items in item.eltm14.data"
                        v-bind:style="{color:item.eltm14.fontColor}">{{items.name}}
                    </li>
                  </ul>
                  <ul v-else>
                    <li>请添加通告消息</li>
                  </ul>
                </div>
                <div class="notice-arrow" v-bind:style="{color:item.eltm14.arrowColor}">
                  <i class="iconfont icon-right"></i>
                </div>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">
                      编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">删除
                    </li>
                  </ul>
                </div>
              </div>

              <div class="head-title" v-if="item.eltmType==15"
                   v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px',marginTop:item.eltm15.margin_top+ 'px',marginBottom:item.eltm15.margin_bottom+ 'px'}">
                <img :src="item.eltm15.icon" alt="Alternate Text" v-if="item.eltm15.isIcon"/>
                <div class="title-label" v-bind:style="{color:item.eltm15.titleColor}">
                  {{item.eltm15.title}}
                </div>
                <div class="countdown-box"
                     :class="{time1:item.eltm15.cssType==1,time2:item.eltm15.cssType==2}"
                     v-if="item.eltm15.isCountdown">
                  <label class="cttitle">{{item.eltm15.timeTitle}}</label>
                  <div class="time-box">
                    <span>{{item.eltm15.day}}</span><label>天</label><span>{{item.eltm15.h}}</span><label>:</label><span>{{item.eltm15.m}}</span><label>:</label><span>{{item.eltm15.s}}</span>
                  </div>
                </div>
                <div class="title-linke" v-if="item.eltm15.isLink"
                     v-bind:style="{color:item.eltm15.fontColor}">{{item.eltm15.linkText}}<i
                  class="iconfont icon-right"
                  v-bind:style="{color:item.eltm15.arrowColor}"></i></div>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">
                      编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">删除
                    </li>
                  </ul>
                </div>
              </div>

              <div class="activity-warp" v-if="item.eltmType==16"
                   v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px',marginTop:item.eltm16.margin_top+ 'px',marginBottom:item.eltm16.margin_bottom+ 'px'}">
                <div>
                  <div v-if="item.eltm16.layout!=3"
                       v-bind:class="{'activity-box1':item.eltm16.layout==1,'activity-box2':item.eltm16.layout==2}">
                    <div class="activity-item" v-for="items in item.eltm16.data">
                      <div class="activity-img">
                        <img :src="items.path"/>
                        <div class="activity-countdown" v-if="item.eltm16.isCountdown"
                             :style="{backgroundColor:item.eltm16.countdownBgColor,color:item.eltm16.countdownFontColor}">
                          {{items.timeTitle}} <label
                          v-if="items.timeTitle!='已结束'">{{items.h}}:{{items.m}}:{{items.s}}</label>
                        </div>
                        <div class="mark" v-if="item.eltm16.isLabel">
                          <img :src="items.selectType==12?'./static/diy/img/prize3.png':items.selectType==13?'./static/diy/img/prize1.png':items.selectType==14?'./static/diy/img/prize2.png':'./static/diy/img/prize5.png'"
                               alt="Alternate Text"/>
                        </div>
                      </div>
                      <div class="activity-info">

                        <div class="activity-name"
                             v-if="item.eltm16.isShowPname==null || item.eltm16.isShowPname"
                             :style="{height:item.eltm16.charLine==1?'15px':'34px','-webkit-line-clamp':item.eltm16.charLine}">
                          {{items.name}}
                        </div>
                        <div class="activity-price"
                             v-if="item.eltm16.isShowPrice==null || item.eltm16.isShowPrice">
															<span class="price"
                                    :style="{color:item.eltm16.priceColor}">￥{{items.ItemSalePrice}}</span><span
                          class="del-price">￥{{items.MarketPice}}</span><span
                          class="tip"
                          v-if="items.selectType==12||items.selectType==13">{{items.UserLimit}}人团</span>
                        </div>
                        <div class="activity-desc" v-if="item.eltm16.isShowNum">
                          已有{{items.OrderCount}}人参加
                        </div>
                      </div>
                    </div>
                    <div class="activity-item" v-if="item.eltm16.data.length<=0">
                      <div class="activity-img">
                        <img
                          src="./static/diy/img/180x180.png"/>
                        <div class="activity-countdown" v-if="item.eltm16.isCountdown"
                             :style="{backgroundColor:item.eltm16.countdownBgColor,color:item.eltm16.countdownFontColor}">
                          距结束 00:00:00
                        </div>
                        <div class="mark" v-if="item.eltm16.isLabel">
                          <img src="./static/diy/img/prize1.png"
                               alt="Alternate Text"/>
                        </div>
                      </div>
                      <div class="activity-info">
                        <div class="activity-name"
                             v-if="item.eltm16.isShowPname=='undefined' || item.eltm16.isShowPname"
                             :style="{height:item.eltm16.charLine==1?'15px':'34px','-webkit-line-clamp':item.eltm16.charLine}">
                          请选择活动商品
                        </div>
                        <div class="activity-price"
                             v-if="item.eltm16.isShowPrice=='undefined' || item.eltm16.isShowPrice">
															<span class="price"
                                    :style="{color:item.eltm16.priceColor}">￥00</span><span
                          class="del-price">￥00</span><span class="tip">0人团</span>
                        </div>
                        <div class="activity-desc" v-if="item.eltm16.isShowNum">
                          已有0000人参加
                        </div>
                      </div>
                    </div>
                  </div>

                  <div v-else class="activity-box3">
                    <div class="activity-item" v-for="items in item.eltm16.data">
                      <div class="activity-img">
                        <img :src="items.path"/>
                        <div class="activity-countdown" v-if="item.eltm16.isCountdown"
                             :style="{backgroundColor:item.eltm16.countdownBgColor,color:item.eltm16.countdownFontColor}">
                          {{items.timeTitle}} <label
                          v-if="items.timeTitle!='已结束'">{{items.h}}:{{items.m}}:{{items.s}}</label>
                        </div>
                        <div class="mark" v-if="item.eltm16.isLabel">
                          <img :src="items.selectType==12?'./static/diy/img/prize3.png':items.selectType==13?'./static/diy/img/prize1.png':items.selectType==14?'./static/diy/img/prize2.png':'./static/diy/img/prize5.png'"
                               alt="Alternate Text"/>
                        </div>
                      </div>
                      <div class="activity-info">
                        <div class="activity-name"
                             v-if="item.eltm16.isShowPname=='undefined' || item.eltm16.isShowPname"
                             :style="{height:item.eltm16.charLine==1?'15px':'34px','-webkit-line-clamp':item.eltm16.charLine}">
                          {{items.name}}
                        </div>
                        <div class="activity-desc">
															<span class="tip"
                                    v-if="items.selectType!=14">2人团</span><span
                          v-if="item.eltm16.isShowNum">已有{{items.OrderCount}}人参加</span>
                        </div>
                        <div class="activity-price"
                             v-if="item.eltm16.isShowPrice=='undefined' || item.eltm16.isShowPrice">
															<span class="price"
                                    :style="{color:item.eltm16.priceColor}">￥{{items.ItemSalePrice}}</span><span
                          class="del-price">￥{{items.MarketPice}}</span> <a
                          :style="{backgroundColor:item.eltm16.btnBgColor,color:item.eltm16.btnFontColor}">{{items.words||(items.selectType==14?'去秒杀':'立即开团')}}</a>
                        </div>
                      </div>
                    </div>
                    <div class="activity-item" v-if="item.eltm16.data.length<=0">
                      <div class="activity-img">
                        <img src="./static/diy/img/180x180.png"
                             alt="Alternate Text"/>
                        <div class="activity-countdown" v-if="item.eltm16.isCountdown"
                             :style="{backgroundColor:item.eltm16.countdownBgColor,color:item.eltm16.countdownFontColor}">
                          距结束 00:00:00
                        </div>
                        <div class="mark" v-if="item.eltm16.isLabel">
                          <img src="./static/diy/img/prize1.png"
                               alt="Alternate Text"/>
                        </div>
                      </div>
                      <div class="activity-info">
                        <div class="activity-name"
                             v-if="item.eltm16.isShowPname=='undefined' || item.eltm16.isShowPname"
                             :style="{height:item.eltm16.charLine==1?'15px':'34px','-webkit-line-clamp':item.eltm16.charLine}">
                          请选择活动商品
                        </div>
                        <div class="activity-desc">
                          <span class="tip">2人团</span><span
                          v-if="item.eltm16.isShowNum">已有3677人参加</span>
                        </div>
                        <div class="activity-price"
                             v-if="item.eltm16.isShowPrice=='undefined' || item.eltm16.isShowPrice">
															<span class="price"
                                    :style="{color:item.eltm16.priceColor}">￥200</span><span
                          class="del-price">￥100</span> <a
                          :style="{backgroundColor:item.eltm16.btnBgColor,color:item.eltm16.btnFontColor}">立即开团</a>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="editContent"
                       v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                       v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                    <ul>
                      <li v-on:click.stop="editModule" :divid="item.id"
                          :editType="item.eltmType">编辑
                      </li>
                      <li v-bind:id="item.id" :editType="item.eltmType"
                          v-on:click.stop="remvoeModule">删除
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="activity-warp" v-if="item.eltmType==17"
                   v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px',marginTop:item.eltm17.margin_top+ 'px',marginBottom:item.eltm17.margin_bottom+ 'px'}">
                <div>
                  <div class="coupon_box" v-if="item.eltm17.data.length>0">
                    <div class="coupon_item" v-if="item.eltm17.layout==1"
                         v-for="items in item.eltm17.data">
                      <div class="coupon_price">￥{{items.ItemSalePrice}}</div>
                      <div class="coupon_desc">{{items.ProductTips}}</div>
                    </div>
                    <div class="coupon_img" v-else>
                      <img :src="items.path?items.path:'./static/diy/img/187x100.png'"
                           alt="Alternate Text"/>
                    </div>
                  </div>
                  <div class="coupon_box" v-else>
                    <div class="coupon_item" v-if="item.eltm17.layout==1">
                      <div class="coupon_price">￥20</div>
                      <div class="coupon_desc">满减金额</div>
                    </div>
                    <div class="coupon_img" v-else>
                      <img src="./static/diy/img/187x100.png"
                           alt="Alternate Text"/>
                    </div>
                  </div>
                  <div class="editContent"
                       v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                       v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                    <ul>
                      <li v-on:click.stop="editModule" :divid="item.id"
                          :editType="item.eltmType">编辑
                      </li>
                      <li v-bind:id="item.id" :editType="item.eltmType"
                          v-on:click.stop="remvoeModule">删除
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="formBox" v-if="item.eltmType==13"
                   v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">
                <div v-if="item.eltm13.data.length>0">
                  <div v-for="items in item.eltm13.data">
                    <div class="fromInput" v-if="items.type==1">
                      <label
                        v-bind:style="{color:item.eltm13.labelColor}">{{items.labelText}}</label>
                      <input type="text" name="name" value=""
                             :placeholder="items.placeholderText"
                             :style="{borderColor:items.borderColor,color:item.eltm13.textColor}"/>
                    </div>
                    <div class="fromInput" v-if="items.type==2">
                      <label
                        v-bind:style="{color:item.eltm13.labelColor}">{{items.labelText}}</label>
                      <input type="date" name="name" value=""
                             :placeholder="items.placeholderText"
                             :style="{borderColor:items.borderColor,color:item.eltm13.textColor}"/>
                    </div>
                    <div class="fromInput" v-if="items.type==3">
                      <label
                        v-bind:style="{color:item.eltm13.labelColor}">{{items.labelText}}</label>
                      <textarea :placeholder="items.placeholderText"
                                :style="{borderColor: items.borderColor,color:item.eltm13.textColor}">

                                        </textarea>
                    </div>
                    <div class="fromInput" v-if="items.type==4">
                      <label
                        v-bind:style="{color:item.eltm13.labelColor}">{{items.labelText}}</label>
                      <div class="fromCK_item" v-for="info in items.data">
                        <input type="radio" id="Radio56" name="name" checked="checked"
                               value=""/><i class="iconfont icon-danxuan1"></i><i
                        class="iconfont icon-icon-text-fi-radio"
                        :style="{color:items.selColor}"></i><span
                        v-bind:style="{color:item.eltm13.textColor}">{{info.text}}</span>
                        <label for="d"></label>
                      </div>
                    </div>
                    <div class="fromCK" v-if="items.type==5">
                      <label
                        v-bind:style="{color:item.eltm13.labelColor}">{{items.labelText}}</label>
                      <div class="fromCK_item" v-for="info in items.data">
                        <input type="checkbox" id="Checkbox1" checked="checked"
                               name="name" value=""/><i
                        class="iconfont icon-xuanze"></i><i
                        class="iconfont icon-xuanze1"
                        :style="{color:items.selColor}"></i><span
                        v-bind:style="{color:item.eltm13.textColor}">{{info.text}}</span>
                        <label for="Radio53"></label>
                      </div>
                    </div>
                    <div class="fromCK" v-if="items.type==6">
                      <label
                        v-bind:style="{color:item.eltm13.labelColor}">{{items.labelText}}</label>
                      <div class="up_img_item">
                        <div v-for="n in parseInt(items.moreNum)" class="up_img">
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="formSubmit">
                    <a class="formButtom"
                       v-bind:style="{backgroundColor:item.eltm13.btnColor,color:item.eltm13.fontColor}">{{item.eltm13.btnText}}</a>
                  </div>
                </div>
                <div v-if="item.eltm13.data.length==0">
                  <div class="fromInput">
                    <label v-bind:style="{color:item.eltm13.labelColor}">联系电话</label>
                    <input type="text" name="name" value="" placeholder="请输入联系电话"
                           :style="{color:item.eltm13.textColor}"/>
                  </div>
                  <div class="fromInput">
                    <label v-bind:style="{color:item.eltm13.labelColor}">选择时间</label>
                    <input type="date" name="name" value="" placeholder="请选择时间"
                           :style="{color:item.eltm13.textColor}"/>
                  </div>
                  <div class="fromInput">
                    <label v-bind:style="{color:item.eltm13.labelColor}">输入描述</label>
                    <textarea placeholder="请输入描述" :style="{color:item.eltm13.textColor}">

                                    </textarea>
                  </div>
                  <div class="fromCK">
                    <label v-bind:style="{color:item.eltm13.labelColor}">单项选择</label>
                    <div class="fromCK_item">
                      <input type="radio" id="d" name="name" checked="checked"
                             value=""/><i class="iconfont icon-danxuan1"></i><i
                      class="iconfont icon-icon-text-fi-radio"></i><span
                      v-bind:style="{color:item.eltm13.textColor}">选项一</span>
                      <label for="d"></label>
                    </div>
                    <div class="fromCK_item">
                      <input type="radio" id="a" name="name" value=""/><i
                      class="iconfont icon-danxuan1"></i><i
                      class="iconfont icon-icon-text-fi-radio"></i><span
                      v-bind:style="{color:item.eltm13.textColor}">选项二</span>
                      <label for="a"></label>
                    </div>
                  </div>
                  <div class="fromCK">
                    <label v-bind:style="{color:item.eltm13.labelColor}">多项选择</label>
                    <div class="fromCK_item">
                      <input type="checkbox" id="Radio53" checked="checked" name="name"
                             value=""/><i class="iconfont icon-xuanze"></i><i
                      class="iconfont icon-xuanze1"></i><span
                      v-bind:style="{color:item.eltm13.textColor}">选项一</span>
                      <label for="Radio53"></label>
                    </div>
                    <div class="fromCK_item">
                      <input type="checkbox" id="Radio54" name="name" value=""/><i
                      class="iconfont icon-xuanze"></i><i
                      class="iconfont icon-xuanze1"></i><span
                      v-bind:style="{color:item.eltm13.textColor}">选项二</span>
                      <label for="Radio54"></label>
                    </div>
                  </div>
                  <div class="formSubmit">
                    <a class="formButtom"
                       v-bind:style="{backgroundColor:item.eltm13.btnColor,color:item.eltm13.fontColor}">{{item.eltm13.btnText}}</a>
                  </div>
                </div>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">
                      编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">删除
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="item.eltmType==18">
                <div class="official-account"
                     v-bind:style="{backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px',paddingTop:item.eltm18.paddingTop+ 'px',paddingBottom:item.eltm18.paddingBottom+ 'px'}">
                  <img src="./static/diy/img/card.jpg"/>
                  <div class="editContent"
                       v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                       v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                    <ul>
                      <li v-on:click.stop="editModule" :divid="item.id"
                          :editType="item.eltmType">编辑
                      </li>
                      <li v-bind:id="item.id" :editType="item.eltmType"
                          v-on:click.stop="remvoeModule">删除
                      </li>
                    </ul>
                  </div>
                </div>
              </div>

              <!-- 猜你喜欢 -->
              <div v-if="item.eltmType==101" class="m-scrollBox"
                   v-bind:style="{height:item.eltm101.height+ 'px',lineHeight:item.eltm101.height+ 'px',backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">

                <img src="./static/diy/img/guessyoulike.png"/>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>

              <!-- 附近店铺 -->
              <div v-if="item.eltmType==102" class="m-scrollBox"
                   v-bind:style="{height:item.eltm102.height+ 'px',lineHeight:item.eltm102.height+ 'px',backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">

                <img src="./static/diy/img/near-store.png"/>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>


              <!-- 秒杀商品 -->
              <div v-if="item.eltmType==103" class="m-scrollBox"
                   v-bind:style="{height:item.eltm103.height+ 'px',lineHeight:item.eltm103.height+ 'px',backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">

                <img src="./static/diy/img/guessyoulike.png"/>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>

              <!-- 分类商品 -->
              <div v-if="item.eltmType==104" class="m-scrollBox"
                   v-bind:style="{height:item.eltm104.height+ 'px',lineHeight:item.eltm104.height+ 'px',backgroundColor:item.bgColor,
                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">

                <img src="./static/diy/img/guessyoulike.png"/>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div v-for="item in info" v-if="item.eltmType==8">
              <div class="mTel" v-bind:style="{backgroundColor:item.bgColor}">
                <i class="iconfont icon-dianhua--copy"
                   v-bind:style="{color:item.eltm8.fontColor}"></i>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div v-for="item in info" v-if="item.eltmType==11">
              <div class="mCS" v-bind:style="{backgroundColor:item.bgColor}">
                <i class="iconfont icon-kefu1" v-bind:style="{color:item.eltm11.fontColor}"></i>
                <div class="editContent"
                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
                  <ul>
                    <li v-on:click.stop="editModule" :divid="item.id"
                        :editType="item.eltmType">编辑
                    </li>
                    <li v-bind:id="item.id" :editType="item.eltmType"
                        v-on:click.stop="remvoeModule">
                      删除
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>

        </vue-scroll>
        <div class="msk_qrCode" style="height: 46px;bottom:100px;">
          <a class="msk_qrcode_btn" v-on:click="Release" style="margin-top: 4px;">
            保存预览 </a>
          <div id="msk_qrcode_img" style="display: none">
          </div>
          <label
            style="color: red; font-size: 12px;display: inline-block; line-height: 20px; padding:0 20px; margin-top: 10px;display: none;">注：发布预览后可使用手机扫码预览效果</label>
        </div>
        <!--商品选择弹出框 start-->
        <div class="full_msk" v-if="isShowDataInfoList">
          <div class="full_msk_cn">
            <div class="full_msk_title" v-if="listType==1 || listType==104">
              选择商品 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==2">
              选择分类 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==3">
              选择素材 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==4">
              选择快捷入口 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==5">
              选择资讯分类 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==6">
              选择资讯 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==7">
              选择导航地址 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==8">
              选择页面地址 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==10">
              选择社区板块地址 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==11">
              选择社区帖子地址 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==12">
              选择拼团商品 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==13">
              选择抽奖团商品 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==14">
              选择秒杀商品 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==15">
              选择砍价商品 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==17">
              选择优惠券 <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="full_msk_title" v-if="listType==18">
              选择AppID <i class="iconfont icon-chuyidong" v-on:click="closeList"></i>
            </div>
            <div class="u-tableFrom" v-if="listType!=18">
              <input type="text" name="searchProduct" v-model="searchText" placeholder="搜索关键字"
                     maxlength="20"/>
              <input type="button" value="搜索" :selectid="editId" :urlType="listType"
                     v-on:click="searchInfo"/>
            </div>
            <div class="full_msk_table" style="height:80%">

              <vue-scroll :ops="ops">
                <ul
                  v-if="listType==1 || listType==2 || listType==5 || listType==6 || listType==8 || listType==10 || listType==11 || listType==104">
                  <li v-for="item in tplDataInfoList">
                    <div class="full_info">
                      <div><img
                        :src="item.path || './static/diy/img/up_img.png' "
                        style="width: 80px; height: 80px;"/></div>
                      <span>{{item.name}}</span>
                      <div><input type="button" :itemid="item.id" value="选取"
                                  v-on:click="useThatTplData"/>
                      </div>
                    </div>
                  </li>
                </ul>

                <div v-if="listType==4">
                  <div class="full_icon" v-for="item in tplDataInfoList">
                    <div class="full_icon_item">
                      <div><img
                        :src="item.path || './static/diy/img/up_img.png' "/>
                      </div>
                      <span>{{item.name}}</span>
                      <div><input type="button" :itemid="item.id" value="选取"
                                  v-on:click="useThatTplData"/>
                      </div>
                    </div>
                  </div>
                </div>
                <div v-if="listType==7">
                  <div class="tabBar_icon" v-for="item in tplDataInfoList">
                    <div class="tabBar_icon_item">
                      <div><img
                        :src="item.path || './static/diy/img/up_img.png' "/><img
                        :src="item.ProductTips || './static/diy/img/up_img.png' "/>
                      </div>
                      <span>{{item.name}}</span>
                      <div><input type="button" :itemid="item.id" value="选取"
                                  v-on:click="useThatTplData"/>
                      </div>
                    </div>
                  </div>
                </div>

                <div v-if="listType==12">
                  <div class="active-product">
                    <div class="active-product-item" v-for="item in tplDataInfoList">
                      <div class="active-content">
                        <div class="active-product-img">
                          <img
                            :src="item.path || './static/diy/img/up_img.png' "/>
                        </div>
                        <div class="active-product-name">
                          {{item.name}}
                        </div>
                        <div class="active-product-pic">
                          拼团价：<em>￥{{item.ItemSalePrice}}</em>
                        </div>
                        <div class="active-select"><input type="button"
                                                          :itemid="item.id" value="选取"
                                                          v-on:click="useThatTplData"/>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div v-if="listType==13">
                  <div class="active-product">
                    <div class="active-product-item" v-for="item in tplDataInfoList">
                      <div class="active-content">
                        <div class="active-product-img">
                          <img
                            :src="item.path || './static/diy/img/up_img.png' "/>
                        </div>
                        <div class="active-product-name">
                          {{item.name}}
                        </div>
                        <div class="active-product-pic">
                          拼团价：<em>￥{{item.ItemSalePrice}}</em>
                        </div>
                        <div class="active-select"><input type="button"
                                                          :itemid="item.id" value="选取"
                                                          v-on:click="useThatTplData"/>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div v-if="listType==14">
                  <div class="active-product">
                    <div class="active-product-item" v-for="item in tplDataInfoList">
                      <div class="active-content">
                        <div class="active-product-img">
                          <img
                            :src="item.path || './static/diy/img/up_img.png' "/>
                        </div>
                        <div class="active-product-name">
                          {{item.product_name}}
                        </div>
                        <div class="active-product-pic">
                          秒杀价：<em>￥{{item.ItemSalePrice}}</em>
                        </div>
                        <div class="active-select"><input type="button"
                                                          :itemid="item.id" value="选取"
                                                          v-on:click="useThatTplData"/>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div v-if="listType==15">
                  <div class="active-product">
                    <div class="active-product-item" v-for="item in tplDataInfoList">
                      <div class="active-content">
                        <div class="active-product-img">
                          <img
                            :src="item.path || './static/diy/img/up_img.png' "/>
                        </div>
                        <div class="active-product-name">
                          {{item.name}}
                        </div>
                        <div class="active-product-pic">
                          底价：<em>￥{{item.ItemSalePrice}}</em>
                        </div>
                        <div class="active-select"><input type="button"
                                                          :itemid="item.id" value="选取"
                                                          v-on:click="useThatTplData"/>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div v-if="listType==17">
                  <div class="active-product">
                    <div class="coupon-item" v-for="item in tplDataInfoList">
                      <div class="coupon-content">
                        <div class="coupon-info">
                          <p><em>￥{{item.ItemSalePrice}}</em></p>
                          <p>{{item.ProductTips}}</p>
                          <p>{{item.AppUrl}}</p>
                        </div>
                        <div class="coupon-name">
                          {{item.name}}
                        </div>
                        <div class="active-select"><input type="button"
                                                          :itemid="item.id" value="选取"
                                                          v-on:click="useThatTplData"/>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div v-if="listType==18">
                  <div class="active-product">
                    <div class="coupon-item" v-for="item in tplDataInfoList">
                      <div class="coupon-content">
                        <div class="coupon-info">
                          <p><em>小程序：{{item.name}}</em></p>
                          <p>AppID：{{item.AppId}}</p>
                        </div>
                        <div class="active-select"><input type="button"
                                                          :itemid="item.id" value="选取"
                                                          v-on:click="useThatTplData"/>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <table border="0" cellpadding="0" cellspacing="0" v-if="listType==3">
                  <tr>
                    <td>标题</td>
                    <td>操作</td>
                  </tr>
                  <tr v-if="listType==3">
                    <td colspan="3">
                      <select v-model="wordsType">
                        <option value="1">素材</option>
                        <option value="2">行业</option>
                        <option value="3">节日</option>
                      </select>

                    </td>
                  </tr>
                  <tr v-if="wordsType==1 && listType==3" class="m_wordsType">
                    <td colspan="2">
                      <label v-on:click="filterType" :dataVal="4">标题</label>
                      <label v-on:click="filterType" :dataVal="5">正文</label>
                      <label v-on:click="filterType" :dataVal="6">图文</label>
                      <label v-on:click="filterType" :dataVal="7">关注</label>
                      <label v-on:click="filterType" :dataVal="8">分割线</label>
                      <label v-on:click="filterType" :dataVal="9">其他</label>
                    </td>
                  </tr>
                  <tr v-if="wordsType==2 && listType==3" class="m_wordsType">
                    <td colspan="2">
                      <label v-on:click="filterType" :dataVal="10">电商</label>
                      <label v-on:click="filterType" :dataVal="11">旅游</label>
                      <label v-on:click="filterType" :dataVal="12">图文</label>
                      <label v-on:click="filterType" :dataVal="13">医疗</label>
                      <label v-on:click="filterType" :dataVal="14">教学</label>
                    </td>
                  </tr>
                  <tr v-if="wordsType==3 && listType==3" class="m_wordsType">
                    <td colspan="2">
                      <label v-on:click="filterType" :dataVal="15">劳动节</label>
                      <label v-on:click="filterType" :dataVal="16">清明节</label>
                      <label v-on:click="filterType" :dataVal="17">元宵节</label>
                      <label v-on:click="filterType" :dataVal="18">愚人节</label>
                      <label v-on:click="filterType" :dataVal="19">母亲节</label>
                      <label v-on:click="filterType" :dataVal="20">端午节</label>
                      <label v-on:click="filterType" :dataVal="21">妇女节</label>
                      <label v-on:click="filterType" :dataVal="22">情人节</label>
                      <label v-on:click="filterType" :dataVal="23">315</label>
                      <label v-on:click="filterType" :dataVal="24">元旦节</label>
                      <label v-on:click="filterType" :dataVal="25">春节</label>
                      <label v-on:click="filterType" :dataVal="26">圣诞节</label>
                      <label>感恩节</label>
                    </td>
                  </tr>
                  <tbody>
                  <tr v-for="item in tplDataInfoList">
                    <td>
                      <div class="html_box" v-html="item.name"></div>
                    </td>
                    <td><input type="button" :itemid="item.id" value="选取"
                               v-on:click="useThatTplData"/>
                    </td>
                  </tr>
                  </tbody>
                </table>
                <div style="display:block; clear:both;">
                  <div class="pageInfo">
                    <input type="button" value="上一页" v-if="pageData.isPrevPage"
                           v-on:click="PrevPage"/>
                    <label>当前第</label><em>{{pageData.nowPageIndx}}</em><label>页</label>/<label>共</label><em>{{pageData.pageTotal}}</em><label>页</label>
                    <input type="button" value="下一页" v-if="pageData.isNextPage"
                           v-on:click="NextPage"/>
                  </div>
                </div>
              </vue-scroll>
            </div>
          </div>
        </div>
        <!--商品选择弹出框 end-->
        <div v-if="isMsk" class="msk_box">
          <vue-scroll :ops="ops">
            <div class="nav-tabs">
              <div class="nav-tabs-item" v-bind:class="{active:tabNum==1}" data-tabNum="1"
                   v-on:click="selectTab">
                <label data-tabNum="1">组件样式</label>
              </div>
              <div class="nav-tabs-item" v-bind:class="{active:tabNum==2}" data-tabNum="2"
                   v-on:click="selectTab">
                <label data-tabNum="2">组件数据</label>
              </div>
            </div>
            <!--组件样式 start-->
            <div v-if="tabNum==1">
              <div class="sub-content" v-if="showTitleConfig">
                <div class="sub-level1 box_border">
                  <div class="sub-label">
                    文字颜色
                  </div>
                  <div class="inputicon">
                    <div class="radioBox">
                      <input type="radio" id="f1"
                             v-model="appConfig.window.navigationBarTextStyle"
                             value="white"/>
                      <label for="f1" style="background-color:White;"></label>
                    </div>
                  </div>
                  <div class="inputicon">
                    <div class="radioBox">
                      <input type="radio" id="f2"
                             v-model="appConfig.window.navigationBarTextStyle"
                             value="black"/>
                      <label for="f2" style="background-color:black;"></label>
                    </div>
                  </div>
                </div>
                <div class="sub-level1 box_border">
                  <div class="sub-label">
                    背景颜色
                  </div>
                  <div class="inputicon">
                    <input type="color"
                           v-model="appConfig.window.navigationBarBackgroundColor"/>
                  </div>
                </div>
              </div>
              <div class="sub-content" v-if="showTabBarConfig">
                <div class="sub-level1 box_border">
                  <div class="sub-label">
                    导航类型
                  </div>
                  <div class="inputicon">
                    <div class="radioBox">
                      <input type="radio" id="Radio1" v-model="appConfig.tabBar.position"
                             value="bottom"/>
                      <label for="Radio1"><i class="iconfont icon-tupian"></i></label>
                    </div>
                  </div>
                  <div class="inputicon">
                    <div class="radioBox">
                      <input type="radio" id="Radio2" v-model="appConfig.tabBar.position"
                             value="top"/>
                      <label for="Radio2"><i class="iconfont icon-wenzi"></i></label>
                    </div>
                  </div>
                </div>
                <div class="sub-level1 box_border">
                  <div class="sub-label">
                    背景颜色
                  </div>
                  <div class="inputicon">
                    <input type="color" v-model="appConfig.tabBar.backgroundColor"/>
                  </div>
                </div>
                <div class="sub-level1 box_border">
                  <div class="sub-label ">
                    文字颜色
                  </div>
                  <div class="inputicon">
                    <input type="color" v-model="appConfig.tabBar.color"/>
                  </div>
                </div>
                <div class="sub-level1 box_border">
                  <div class="sub-label ">
                    选中文字颜色
                  </div>
                  <div class="inputicon">
                    <input type="color" v-model="appConfig.tabBar.selectedColor"/>
                  </div>
                </div>
              </div>
              <div class="sub-content"
                   v-if="!showTitleConfig && !showTabBarConfig && !showPageConfig">
                <div v-for="item in info" v-if="item.id==ckId">
                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      背景颜色
                    </div>
                    <div class="inputicon">
                      <input type="color" v-model="item.bgColor"/>
                    </div>
                    <div class="inputicon">
                      <div class="radioBox">
                        <input type="radio" :id="'Radio48'+item.id"
                               v-model="item.bgColor" value="rgba(0,0,0,0)"/>
                        <label :for="'Radio48'+item.id"><i
                          class="iconfont icon-xiegang"></i></label>
                      </div>
                    </div>
                  </div>

                  <div
                    v-if="item.eltmType!=1 && item.eltmType!=5 && item.eltmType!=8 && item.eltmType!=11 && item.eltmType!=18">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.paddingTop"/>{{item.paddingTop||0}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.paddingBottom"/>{{item.paddingBottom||0}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        左边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.paddingLeft"/>{{item.paddingLeft||0}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        右边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.paddingRight"/>{{item.paddingRight||0}}px
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        圆角
                      </div>
                      <div class="inputicon">
                        <input type="text" v-model="item.borderTopLeftRadius" min="0"
                               style="width: 40px;height: 20px;line-height: 20px;"
                               placeholder="上左"/>
                        <input type="text" v-model="item.borderTopRightRadius" min="0"
                               style="width: 40px;height: 20px;line-height: 20px;"
                               placeholder="上右"/>
                        <input type="text" v-model="item.borderBottomRightRadius"
                               min="0" style="width: 40px;height: 20px;line-height: 20px;"
                               placeholder="下右"/>
                        <input type="text" v-model="item.borderBottomLeftRadius" min="0"
                               style="width: 40px;height: 20px;line-height: 20px;"
                               placeholder="下左"/>
                      </div>
                    </div>
                  </div>

                  <!-- 全局容器样式结束 -->

                  <div v-if="item.eltmType==13">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        按钮文字
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm13.btnText"
                               maxlength="20"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        按钮背景颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm13.btnColor"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        按钮文字颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm13.fontColor"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        标题颜色
                      </div>
                      <div class="inputBox">
                        <input type="color" v-model="item.eltm13.labelColor"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        文字颜色
                      </div>
                      <div class="inputBox">
                        <input type="color" v-model="item.eltm13.textColor"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        每人提交次数
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm13.submitNum"
                               maxlength="4"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        提交反馈
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm13.btnFeedback"
                               maxlength="50"/>
                      </div>
                    </div>
                  </div>
                  <!--图片类型 start-->
                  <div v-if="item.eltmType==1">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        对齐
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio3" v-model="item.eltm1.align"
                                 value="1"/>
                          <label for="Radio3"><i
                            class="iconfont icon-zuoduiqi"></i></label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio4" v-model="item.eltm1.align"
                                 value="2"/>
                          <label for="Radio4"><i
                            class="iconfont icon-youduiqi"></i></label>
                        </div>
                      </div>
                    </div>
                    <!--尺寸 start-->
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        尺寸(宽x高)
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio5"
                                   v-model="item.eltm1.layout" value="1" v-on:click="setEltmLayout(item, 1)"/>
                            <label for="Radio5">
                              <i>750x750</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio6"
                                   v-model="item.eltm1.layout" value="2" v-on:click="setEltmLayout(item, 2)"/>
                            <label for="Radio6">
                              <i>750x375</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio7"
                                   v-model="item.eltm1.layout" value="3" v-on:click="setEltmLayout(item, 3)"/>
                            <label for="Radio7">
                              <i>375x750</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio8"
                                   v-model="item.eltm1.layout" value="4" v-on:click="setEltmLayout(item, 4)"/>
                            <label for="Radio8">
                              <i>750x188</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon icon_img">
                          <div class="radioBox">
                            <input type="radio" id="Radio9"
                                   v-model="item.eltm1.layout" value="5" v-on:click="setEltmLayout(item, 5)"/>
                            <label for="Radio9">
                              <i>375x375</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio10"
                                   v-model="item.eltm1.layout" value="6" v-on:click="setEltmLayout(item, 6)"/>
                            <label for="Radio10">
                              <i>375x188</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon icon_img">
                          <div class="radioBox">
                            <input type="radio" id="Radio11"
                                   v-model="item.eltm1.layout" value="7" v-on:click="setEltmLayout(item, 7)"/>
                            <label for="Radio11">
                              <i>188x375</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio12"
                                   v-model="item.eltm1.layout" value="8" v-on:click="setEltmLayout(item, 8)"/>
                            <label for="Radio12">
                              <i>188x188</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio58"
                                   v-model="item.eltm1.layout" value="9" v-on:click="setEltmLayout(item, 9)"/>
                            <label for="Radio58">
                              <i>750x500</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!--尺寸 end-->

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        宽度
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm1.width" max="750" />{{item.eltm1.width}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        高度
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm1.height"
                               max="750"/>{{item.eltm1.height}}px
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否需要分割线
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm1.border"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm1.paddingTop"/>{{item.eltm1.paddingTop}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm1.paddingBottom"/>{{item.eltm1.paddingBottom}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        左边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm1.paddingLeft"/>{{item.eltm1.paddingLeft}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        右边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm1.paddingRight"/>{{item.eltm1.paddingRight}}px
                      </div>
                    </div>
                  </div>
                  <!--图片类型 end-->
                  <!--富文本 start-->
                  <div v-if="item.eltmType==2">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        内间距
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm2.padding"
                               max="50"/>{{item.eltm2.padding}}px
                      </div>
                    </div>
                  </div>
                  <!--富文本 end-->
                  <!--轮播 start-->
                  <div v-if="item.eltmType==3">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否需要导航背景
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm3.showNbg"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        对齐
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio3_3" v-model="item.eltm3.align"
                                 value="1"/>
                          <label for="Radio3_3"><i
                            class="iconfont icon-zuoduiqi"></i></label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio3_4" v-model="item.eltm3.align"
                                 value="2"/>
                          <label for="Radio3_4"><i
                            class="iconfont icon-youduiqi"></i></label>
                        </div>
                      </div>
                    </div>



                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        宽度
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm3.width" max="375" />{{item.eltm3.width}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        高度
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm3.height"
                               max="375"/>{{item.eltm3.height}}px
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        圆角
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm3.borderRadius"
                               max="100"/>{{item.eltm3.borderRadius}}px
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否自动切换
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm3.autoplay"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否显示指示点
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm3.progress"/>
                      </div>
                    </div>


                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        指示点颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm3.color"/>
                      </div>
                    </div>


                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        选中指示点颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm3.activeColor"/>
                      </div>
                    </div>
                  </div>

                  <!--轮播 end-->
                  <!--商品列表 start-->
                  <div v-if="item.eltmType==4">
                    <div class="sub-level1 box_border imgIcon">
                      <div class="sub-label">
                        列表样式
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio13"
                                 v-model="item.eltm4.listTyle" value="1"/>
                          <label for="Radio13">
                            <img
                              src="./static/diy/img/t_03.png"/>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio14"
                                 v-model="item.eltm4.listTyle" value="2"/>
                          <label for="Radio14">
                            <img
                              src="./static/diy/img/t_06.png"/>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio15"
                                 v-model="item.eltm4.listTyle" value="3"/>
                          <label for="Radio15">
                            <img
                              src="./static/diy/img/t_08.png"/>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio16"
                                 v-model="item.eltm4.listTyle" value="4"/>
                          <label for="Radio16">
                            <img
                              src="./static/diy/img/t_10.png"/>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio74"
                                 v-model="item.eltm4.listTyle" value="5"/>
                          <label for="Radio74">
                            <img
                              src="./static/diy/img/t_11.png"/>
                          </label>
                        </div>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        按钮样式
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio21"
                                 v-model="item.eltm4.btnType" value="0"/>
                          <label for="Radio21">
                            无 </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio17"
                                 v-model="item.eltm4.btnType" value="1"/>
                          <label for="Radio17">
                            <img
                              src="./static/diy/img/pc1.png"/>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio18"
                                 v-model="item.eltm4.btnType" value="2"/>
                          <label for="Radio18">
                            <img
                              src="./static/diy/img/pc2.png"/>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio19"
                                 v-model="item.eltm4.btnType" value="3"/>
                          <label for="Radio19">
                            <img
                              src="./static/diy/img/pc3.png"/>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio20"
                                 v-model="item.eltm4.btnType" value="4"/>
                          <label for="Radio20">
                            <img
                              src="./static/diy/img/pc4.png"/>
                          </label>
                        </div>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        商品名
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio75"
                                   v-model="item.eltm4.charLine" value="1"/>
                            <label for="Radio75">
                              <i>一行</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio76"
                                   v-model="item.eltm4.charLine" value="2"/>
                            <label for="Radio76">
                              <i>两行</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div v-if="item.eltm4.btnType==4" class="sub-level1 box_border">
                      <div class="sub-label">
                        按钮背景
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm4.btnColor"/>
                      </div>
                    </div>
                    <div v-if="item.eltm4.btnType==4" class="sub-level1 box_border">
                      <div class="sub-label">
                        按钮文字
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm4.btnText"
                               maxlength="20"/>
                      </div>
                    </div>
                    <div v-if="item.eltm4.btnType==4" class="sub-level1 box_border">
                      <div class="sub-label">
                        按钮文字颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm4.btnFontColor"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否展示价格
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm4.isPrice"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否展示卖点
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm4.isProductTips"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        价格颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm4.priceColor"/>
                      </div>
                    </div>
                  </div>
                  <!--商品列表 end-->
                  <!--辅助空白 start-->
                  <div v-if="item.eltmType==5">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        高度
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm5.height"/>{{item.eltm5.height}}px
                      </div>
                    </div>
                  </div>
                  <!--辅助空白 end-->
                  <!--表格 start-->
                  <div v-if="item.eltmType==6">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        展示类型
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio22" v-model="item.eltm6.type"
                                 value="0"/>
                          <label for="Radio22" title="展示为图片的样式"><i
                            class="iconfont icon-tupian"></i></label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio23" v-model="item.eltm6.type"
                                 value="1"/>
                          <label for="Radio23" title="展示为文字的样式"><i
                            class="iconfont icon-wenzi"></i></label>
                        </div>
                      </div>
                    </div>

                    <div v-if="item.eltm6.type==0">
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          是否滑动
                        </div>
                        <div class="inputicon">
                          <input class="weui-switch" type="checkbox" v-model="item.eltm6.isSwiper"/>
                        </div>
                      </div>
                      <div class="sub-level1  box_border">
                        <div class="sub-label">
                          背景图片
                        </div>
                        <div class="inputBox">
                          <div class="inputicon m_data_img">
                                                <span v-if="isUploadImage">
                                                <input type="file" name="upfile" :id="'File'+item.id" v-on:change="uploadImage"
                                                       :fileId="item.id"  :uptype="3" :msType="12" :imgwidth="750"
                                                       :imgheight="200" :imgSize="400" /></span>

                            <img :src="item.bgImg||'./static/diy/img/up_img.png' "
                                 :uptype="3"
                                 :imgId="item.id" :msType="12" :imgwidth="750"
                                 :imgheight="200" :imgSize="400"/>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div v-if="item.eltm6.type==1" class="sub-level1  box_border">
                      <div class="sub-label">
                        文字大小
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm6.fontSize" max="20"
                               min="10"/>{{item.eltm6.fontSize}}px
                      </div>
                    </div>
                    <div v-if="item.eltm6.type==1" class="sub-level1  box_border">
                      <div class="sub-label">
                        文字颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm6.fontColor"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm6.paddingTop"/>{{item.eltm6.paddingTop}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm6.paddingBottom"/>{{item.eltm6.paddingBottom}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        左边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm6.paddingLeft"/>{{item.eltm6.paddingLeft}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        右边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm6.paddingRight"/>{{item.eltm6.paddingRight}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        宽度
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm6.width"
                               max="375"/>{{item.eltm6.width>1?item.eltm6.width+'px':'自适应'}}
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        高度
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm6.height"
                               max="375"/>{{item.eltm6.height>1?item.eltm6.height+'px':'自适应'}}
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        水平对齐
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio24"
                                 v-model="item.eltm6.justifyContent" value="0"/>
                          <label for="Radio24"><i
                            class="iconfont icon-zuoduiqi"></i></label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio26"
                                 v-model="item.eltm6.justifyContent" value="2"/>
                          <label for="Radio26"><i
                            class="iconfont icon-juzhongduiqi"></i></label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio25"
                                 v-model="item.eltm6.justifyContent" value="1"/>
                          <label for="Radio25"><i
                            class="iconfont icon-youduiqi"></i></label>
                        </div>
                      </div>
                    </div>
                    <!--尺寸 start-->
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        垂直对齐
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio34"
                                   v-model="item.eltm6.alignItems" value="0"/>
                            <label for="Radio34">
                              <i>上对齐</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio35"
                                   v-model="item.eltm6.alignItems" value="1"/>
                            <label for="Radio35">
                              <i>下对齐</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio36"
                                   v-model="item.eltm6.alignItems" value="2"/>
                            <label for="Radio36">
                              <i>垂直居中</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio37"
                                   v-model="item.eltm6.alignItems" value="3"/>
                            <label for="Radio37">
                              <i>填充</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon icon_img">
                          <div class="radioBox">
                            <input type="radio" id="Radio38"
                                   v-model="item.eltm6.alignItems" value="4"/>
                            <label for="Radio38">
                              <i>内容对齐</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!--尺寸 end-->
                    <!--尺寸 start-->
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        排列方向
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio39"
                                   v-model="item.eltm6.flexDirection" value="0"/>
                            <label for="Radio39">
                              <i>水平从左至右</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio40"
                                   v-model="item.eltm6.flexDirection" value="1"/>
                            <label for="Radio40">
                              <i>水平从右至左</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio41"
                                   v-model="item.eltm6.flexDirection" value="2"/>
                            <label for="Radio41">
                              <i>垂直从上至下</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio42"
                                   v-model="item.eltm6.flexDirection" value="3"/>
                            <label for="Radio42">
                              <i>垂直从下至上</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!--尺寸 end-->
                    <!--尺寸 start-->
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        换行参数
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio43"
                                   v-model="item.eltm6.flexWrap" value="0"/>
                            <label for="Radio43">
                              <i>不换行</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio44"
                                   v-model="item.eltm6.flexWrap" value="1"/>
                            <label for="Radio44">
                              <i>换行顺序</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio45"
                                   v-model="item.eltm6.flexWrap" value="2"/>
                            <label for="Radio45">
                              <i>换行倒序</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!--尺寸 end-->
                  </div>
                  <!--表格 end-->
                  <!--九宫格 start-->
                  <div v-if="item.eltmType==7">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        列数
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm7.column" max="5"
                               min="1"/>{{item.eltm7.column}}列
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否需要分割线
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm7.border"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm7.paddingTop"/>{{item.eltm7.paddingTop}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm7.paddingBottom"/>{{item.eltm7.paddingBottom}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        左边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm7.paddingLeft"/>{{item.eltm7.paddingLeft}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        右边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm7.paddingRight"/>{{item.eltm7.paddingRight}}px
                      </div>
                    </div>
                  </div>
                  <!--九宫格 end-->
                  <!--电话号码 start-->
                  <div v-if="item.eltmType==8">
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        图标颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm8.fontColor"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        电话号码
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm8.tel" maxlength="20"/>
                      </div>
                    </div>
                  </div>
                  <!--电话号码 end-->
                  <!--客服 start-->
                  <div v-if="item.eltmType==11">
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        图标颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm11.fontColor"/>
                      </div>
                    </div>
                  </div>
                  <!--客服 end-->
                  <!--搜索 start-->
                  <div v-if="item.eltmType==9">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm9.paddingTop"/>{{item.eltm9.paddingTop}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm9.paddingBottom"/>{{item.eltm9.paddingBottom}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        左边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm9.paddingLeft"/>{{item.eltm9.paddingLeft}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        右边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm9.paddingRight"/>{{item.eltm9.paddingRight}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        提示内容
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm9.tipText"
                               maxlength="15"/>
                      </div>
                    </div>
                  </div>
                  <!--搜索 end-->
                  <!--公众号关注 start-->
                  <div v-if="item.eltmType==18">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm18.paddingTop"/>{{item.eltm18.paddingTop}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm18.paddingBottom"/>{{item.eltm18.paddingBottom}}px
                      </div>
                    </div>
                  </div>
                  <!--公众关注 end-->
                  <!--视频 start-->
                  <div v-if="item.eltmType==12" data-FeatureKey="VideoCnt">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        视频地址
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm12.src" maxlength="500"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        视频封面
                      </div>
                      <div class="inputBox">
                        <div class="inputicon m_data_img">
															<span v-if="isUploadImage">
																<input type="file" name="upfile" :id="'File'+item.id"
                                       v-on:change="uploadImage" :fileId="item.id"
                                       :uptype="2" :msType="12"/></span>

                          <img :src="item.eltm12.poster||'./static/diy/img/up_img.png' "
                               :uptype="2" :imgId="item.id" :msType="12"/>
                        </div>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        进度条
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm12.controls"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        自动播放
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm12.autoplay"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        循环播放
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm12.loop"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        宽度
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm12.width"
                               max="375"/>{{item.eltm12.width}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        高度
                      </div>
                      <div class="inputicon">
                        <input type="range" v-model="item.eltm12.height"
                               max="667"/>{{item.eltm12.height}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm12.paddingTop"/>{{item.eltm12.paddingTop}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm12.paddingBottom"/>{{item.eltm12.paddingBottom}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        左边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm12.paddingLeft"/>{{item.eltm12.paddingLeft}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        右边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm12.paddingRight"/>{{item.eltm12.paddingRight}}px
                      </div>
                    </div>
                  </div>
                  <!--视频 end-->
                  <!--通告栏 end-->
                  <div v-if="item.eltmType==14">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        滚动方向
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio68"
                                   v-model="item.eltm14.scrollDir" value="0"/>
                            <label for="Radio68">
                              <i>上下滚动</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio69"
                                   v-model="item.eltm14.scrollDir" value="1"/>
                            <label for="Radio69">
                              <i>左右滚动</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        公告图标
                      </div>
                      <div class="inputicon m_data_img"><span v-if="isUploadImage">
															<input type="file" name="upfile" :id="'File'+item.id"
                                     v-on:change="uploadImage" :fileId="item.id"
                                     :uptype="4"
                                     :msType="14" :imgwidth="100" :imgheight="100"
                                     :imgSize="40"/></span>

                        <img :src="item.eltm14.image || './static/diy/img/up_img.png' "
                             :uptype="4" :imgId="item.id" :msType="14" :imgwidth="100"
                             :imgheight="100" :imgSize="40"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        文字颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm14.fontColor"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        箭头颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm14.arrowColor"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm14.paddingTop"/>{{item.eltm14.paddingTop}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm14.paddingBottom"/>{{item.eltm14.paddingBottom}}px
                      </div>
                    </div>
                  </div>
                  <!--通告栏 end-->
                  <!--标题 start-->
                  <div v-if="item.eltmType==15">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        标题名称
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm15.title" maxlength="20"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        标题颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm15.titleColor"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        是否启用图标
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm15.isIcon"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        标题图标
                      </div>
                      <div class="inputicon m_data_img"><span v-if="isUploadImage">
															<input type="file" name="upfile" :id="'File'+item.id"
                                     v-on:change="uploadImage" :fileId="item.id"
                                     :uptype="5"
                                     :msType="15" :imgwidth="100" :imgheight="100"
                                     :imgSize="40"/></span>
                        <img :src="item.eltm15.icon || './static/diy/img/up_img.png' "
                             :uptype="5" :imgId="item.id" :msType="15" :imgwidth="100"
                             :imgheight="100" :imgSize="40"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        是否启用链接
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm15.isLink"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        链接文字
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm15.linkText"
                               maxlength="20"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        文字颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm15.fontColor"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        箭头颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm15.arrowColor"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        是否启用倒计时
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm15.isCountdown"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border" v-if="item.eltm15.isCountdown">
                      <div class="sub-label">
                        时间组件样式
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio62"
                                   v-model="item.eltm15.cssType" value="1"/>
                            <label for="Radio62">
                              <i>样式1</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio63"
                                   v-model="item.eltm15.cssType" value="2"/>
                            <label for="Radio63">
                              <i>样式2</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="sub-level1 box_border" v-if="item.eltm15.isCountdown">
                      <div class="sub-label">
                        开始时间
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm15.startTime"
                               id="txtStartTime" placeholder="2017-08-22 00:00:01"/>
                        <!--
                                                   v-on:focus="selectStartTime"
                                                   v-on:blur="setValue(item.id,1,$event)"   -->
                      </div>
                    </div>
                    <div class="sub-level1 box_border" v-if="item.eltm15.isCountdown">
                      <div class="sub-label">
                        结束时间
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm15.endTime" id="txtEndTime"
                               placeholder="2017-08-22 00:00:01"/>
                        <!-- v-on:focus="selectEndTime"
                                                   v-on:blur="setValue(item.id,2,$event)" -->
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm15.margin_top"/>{{item.eltm15.margin_top}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm15.margin_bottom"/>{{item.eltm15.margin_bottom}}px
                      </div>
                    </div>
                  </div>
                  <!--标题 end-->
                  <!--营销活动 start-->
                  <div v-if="item.eltmType==16">
                    <div class="sub-level1 box_border imgIcon">
                      <div class="sub-label">
                        列表样式
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio64"
                                 v-model="item.eltm16.layout" value="1"/>
                          <label for="Radio64">
                            <img
                              src="./static/diy/img/label3.png"/>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio65"
                                 v-model="item.eltm16.layout" value="2"/>
                          <label for="Radio65">
                            <img
                              src="./static/diy/img/label2.png"/>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio66"
                                 v-model="item.eltm16.layout" value="3"/>
                          <label for="Radio66">
                            <img
                              src="./static/diy/img/label1.png"/>
                          </label>
                        </div>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        是否展示标签
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm16.isLabel"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        是否展示商品名
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm16.isShowPname"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        是否展示商品价格
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm16.isShowPrice"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        是否展示参与人数
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm16.isShowNum"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        价格颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm16.priceColor"/>
                      </div>
                    </div>

                    <div v-if="item.eltm16.layout==3">
                      <div class="sub-level1  box_border">
                        <div class="sub-label">
                          按钮背景颜色
                        </div>
                        <div class="inputicon">
                          <input type="color" v-model="item.eltm16.btnBgColor"/>
                        </div>
                      </div>
                      <div class="sub-level1  box_border">
                        <div class="sub-label">
                          按钮文字颜色
                        </div>
                        <div class="inputicon">
                          <input type="color" v-model="item.eltm16.btnFontColor"/>
                        </div>
                      </div>
                    </div>

                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        是否启用倒计时
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm16.isCountdown"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border" v-if="item.eltm16.isCountdown">
                      <div class="sub-label">
                        倒计时背景颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm16.countdownBgColor"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border" v-if="item.eltm16.isCountdown">
                      <div class="sub-label">
                        倒计时文字颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm16.countdownFontColor"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        商品名
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio67"
                                   v-model="item.eltm16.charLine" value="1"/>
                            <label for="Radio67">
                              <i>一行</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio70"
                                   v-model="item.eltm16.charLine" value="2"/>
                            <label for="Radio70">
                              <i>两行</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm16.margin_top"/>{{item.eltm16.margin_top}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm16.margin_bottom"/>{{item.eltm16.margin_bottom}}px
                      </div>
                    </div>
                  </div>
                  <!--营销活动 end-->
                  <!--优惠券 start-->
                  <div v-if="item.eltmType==17">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        展示类型
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio71"
                                 v-model="item.eltm17.layout" value="1"/>
                          <label for="Radio71"><i
                            class="iconfont icon-wenzi "></i></label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio72"
                                 v-model="item.eltm17.layout" value="2"/>
                          <label for="Radio72"><i
                            class="iconfont icon-tupian"></i></label>
                        </div>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        上边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm17.margin_top"/>{{item.eltm17.margin_top}}px
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        下边距
                      </div>
                      <div class="inputicon">
                        <input type="range"
                               v-model="item.eltm17.margin_bottom"/>{{item.eltm17.margin_bottom}}px
                      </div>
                    </div>
                  </div>
                  <!--优惠券 end-->

                  <!--猜你喜欢 start-->
                  <div v-if="item.eltmType==101">

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否展示过滤框
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm101.isShowFilter"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否展示加载状态
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm101.isShowLoading"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        商品展示
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio101"
                                   v-model="item.eltm101.viewtype" value="1"/>
                            <label for="Radio101">
                              <i>块状</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio102"
                                   v-model="item.eltm101.viewtype" value="0"/>
                            <label for="Radio102">
                              <i>列表</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        标题名称
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm101.title"
                               maxlength="20"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        标题颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm101.titleColor"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        过滤选项
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm101.options"/>
                      </div>
                    </div>
                  </div>
                  <!--猜你喜欢 end-->

                  <!--附近店铺 start-->

                  <div v-if="item.eltmType==102">

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否展示过滤框
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm102.isShowFilter"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否展示加载状态
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm102.isShowLoading"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        商品展示
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio103"
                                   v-model="item.eltm102.viewtype" value="1"/>
                            <label for="Radio103">
                              <i>块状</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio104"
                                   v-model="item.eltm102.viewtype" value="0"/>
                            <label for="Radio104">
                              <i>列表</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        标题名称
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm102.title"
                               maxlength="20"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        标题颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm102.titleColor"/>
                      </div>
                    </div>


                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        过滤选项
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm102.options"/>
                      </div>
                    </div>
                  </div>
                  <!--附近店铺 end-->


                  <!--秒杀商品 start-->
                  <div v-if="item.eltmType==103">

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否展示过滤框
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm103.isShowFilter"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否展示加载状态
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm103.isShowLoading"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        商品展示
                      </div>
                      <div class="minIcon">
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio105"
                                   v-model="item.eltm103.viewtype" value="1"/>
                            <label for="Radio105">
                              <i>块状</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon">
                          <div class="radioBox">
                            <input type="radio" id="Radio106"
                                   v-model="item.eltm103.viewtype" value="0"/>
                            <label for="Radio106">
                              <i>列表</i>
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        标题名称
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm103.title"
                               maxlength="20"/>
                      </div>
                    </div>
                    <div class="sub-level1  box_border">
                      <div class="sub-label">
                        标题颜色
                      </div>
                      <div class="inputicon">
                        <input type="color" v-model="item.eltm103.titleColor"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        过滤选项
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm103.options"/>
                      </div>
                    </div>
                  </div>
                  <!--秒杀商品 end-->


                  <!--分类商品 start-->
                  <div v-if="item.eltmType==104 && false">
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        是否展示过滤价格
                      </div>
                      <div class="inputicon">
                        <input class="weui-switch" type="checkbox"
                               v-model="item.eltm104.isShowFilter"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        价格区域选项
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm104.title"/>
                      </div>
                    </div>

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        排序选项
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.eltm104.options"/>
                      </div>
                    </div>
                  </div>
                  <!--分类商品 end-->

                  <!--附近热卖 start-->
                  <!--附近热卖 end-->
                  <!--附近店铺 start-->
                  <!--附近店铺 end-->
                </div>
              </div>
              <div class="sub-content" v-if="modelType==10 && showPageConfig">
                <div class="sub-level1 box_border">
                  <div class="sub-label">
                    背景类型
                  </div>
                  <div class="minIcon">
                    <div class="inputicon">
                      <div class="radioBox">
                        <input type="radio" id="Radio47"
                               v-model="PageConfig.BackgroundObj.type" value="1"/>
                        <label for="Radio47"><i>背景颜色</i></label>
                      </div>
                    </div>
                    <div class="inputicon">
                      <div class="radioBox">
                        <input type="radio" id="Radio46"
                               v-model="PageConfig.BackgroundObj.type" value="0"/>
                        <label for="Radio46"><i>背景图片</i></label>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="sub-level1 box_border" v-if="PageConfig.BackgroundObj.type==1">
                  <div class="sub-label">
                    背景颜色
                  </div>
                  <div class="inputicon">
                    <input type="color" v-model="PageConfig.BackgroundObj.bgColor"/>
                  </div>
                </div>
                <div v-if="PageConfig.BackgroundObj.type==0">
                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      图片补全背景
                    </div>
                    <div class="inputicon">
                      <input type="color" v-model="PageConfig.BackgroundObj.pathColor"/>
                    </div>
                  </div>
                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      背景图片
                    </div>
                    <div class="inputicon m_data_img"
                         style="width:200px !important;height:355px !important;">
													<span v-if="isUploadImage">
														<input type="file" :name="'upfile'" :id="'indexBgImg'"
                                   v-on:change="uploadImage" :fileId="'indexBgImg'"
                                   :uptype="3"
                                   :imgwidth="750" :imgheight="1334" :size="400"/>
													</span>
                      <img :src="PageConfig.BackgroundObj.path || './static/diy/img/up_img.png' "
                           :imgId="'indexBgImg'" :uptype="3" :imgwidth="750"
                           :imgheight="1334" :size="400"/>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!--组件样式 end-->

            <!--组件设置 start-->
            <div class="sub-content">
              <div v-if="tabNum==2 && showTabBarConfig">
                <div class="expand_menu_box" v-for="(item,index) in appConfig.tabBar.list">
                  <div class="sub-level-title" v-on:click.stop="expandMenu">
                    第{{index+1}}项 <i class="iconfont icon-moreunfold"></i>
                    <i class="iconfont icon-icon-del-copy" :tabBarIndex="index"
                       v-if="index!=0" v-on:click="removeTabBar"></i>
                  </div>
                  <div class="expand_menu_content" v-bind:class="{hidebox:index>0}">

                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        未选中图标
                      </div>
                      <div class="inputicon m_data_img">
														<span v-if="isUploadImage">
															<input type="file" name="upfile" :id="'File'+index"
                                     v-on:change="uploadImage" :fileId="index"/>
														</span>
                        <img :src="item.iconPath || './static/diy/img/up_img.png' "
                             :imgId="index" :imgwidth="100" :imgheight="100"
                             :imgSize="40"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        选中的图标
                      </div>
                      <div class="inputicon m_data_img">
														<span v-if="isUploadImage">
															<input type="file" name="upfile" :id="'File'+(index+12)"
                                     v-on:change="uploadImage" :fileId="index+12"
                                     :imgwidth="100" :imgheight="100" :imgSize="40"/>
														</span>
                        <img :src="item.selectedIconPath || './static/diy/img/up_img.png' "
                             :imgId="index+12" :imgwidth="100" :imgheight="100"
                             :imgSize="40"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        选择地址
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="item.text" placeholder="连接地址"
                               maxlength="100" style="width:200px "/>
                        <a href="javascript:void(0)" v-on:click="getModuleTplData"
                           :selectid="index" :urlType="7" v-if="index!=0">选择</a>
                      </div>
                    </div>
                    <div class="sub-level1 box_border"
                         v-if="item.pagePath.indexOf('navigationpage')>-1">
                      <div class="sub-label">
                        选择页面
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="DiyHomeName" placeholder="选择页面地址"
                               maxlength="100" style="width:200px "/>
                        <a href="javascript:void(0)" v-on:click="getModuleTplData"
                           :selectid="0" :urlType="8">选择</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="msk_add_ad" v-on:click="addTabBar">
                  <label></label>添加
                </div>
              </div>
              <div v-if="tabNum==2 && !showTitleConfig && !showTabBarConfig">
                <div v-if="msType==1 || msType==15">
                  <!--尺寸 start-->
                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      链接地址
                    </div>
                    <div class="minIcon">
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio48"
                                 v-model="mskData.selectType" value="0"/>
                          <label for="Radio48">
                            <i>无链接</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio27"
                                 v-model="mskData.selectType" value="1"/>
                          <label for="Radio27">
                            <i>商品</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio28"
                                 v-model="mskData.selectType" value="2"/>
                          <label for="Radio28">
                            <i>分类</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio29"
                                 v-model="mskData.selectType" value="3"/>
                          <label for="Radio29">
                            <i>搜索</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio30"
                                 v-model="mskData.selectType" value="4"/>
                          <label for="Radio30">
                            <i>快捷入口</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon icon_img">
                        <div class="radioBox">
                          <input type="radio" id="Radio31"
                                 v-model="mskData.selectType" value="5"/>
                          <label for="Radio31">
                            <i>资讯分类</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon">
                        <div class="radioBox">
                          <input type="radio" id="Radio32"
                                 v-model="mskData.selectType" value="6"/>
                          <label for="Radio32">
                            <i>资讯</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon icon_img">
                        <div class="radioBox">
                          <input type="radio" id="Radio33"
                                 v-model="mskData.selectType" value="7"/>
                          <label for="Radio33">
                            <i>小程序</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon icon_img"
                           v-if="FeatureKeyList.indexOf('DiyLnkPage')>=0">
                        <div class="radioBox">
                          <input type="radio" id="Radio49"
                                 v-model="mskData.selectType" value="8"/>
                          <label for="Radio49">
                            <i>自定义页面</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon icon_img">
                        <div class="radioBox">
                          <input type="radio" id="Radio50"
                                 v-model="mskData.selectType" value="9"/>
                          <label for="Radio50">
                            <i>网页地址</i>
                          </label>
                        </div>
                      </div>

                      <div class="inputicon icon_img"
                           v-if="FeatureKeyList.indexOf('Comnity')>=0">
                        <div class="radioBox">
                          <input type="radio" id="Radio59"
                                 v-model="mskData.selectType" value="10"/>
                          <label for="Radio59">
                            <i>社区板块</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon icon_img"
                           v-if="FeatureKeyList.indexOf('Comnity')>=0">
                        <div class="radioBox">
                          <input type="radio" id="Radio60"
                                 v-model="mskData.selectType" value="11"/>
                          <label for="Radio60">
                            <i>社区帖子</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon icon_img">
                        <div class="radioBox">
                          <input type="radio" id="Radio61"
                                 v-model="mskData.selectType" value="12"/>
                          <label for="Radio61">
                            <i>拨打电话</i>
                          </label>
                        </div>
                      </div>
                      <div class="inputicon icon_img">
                        <div class="radioBox">
                          <input type="radio" id="Radio73"
                                 v-model="mskData.selectType" value="17"/>
                          <label for="Radio73">
                            <i>优惠券</i>
                          </label>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!--尺寸 end-->
                  <!--设置 start-->
                  <div class="sub-level1 box_border" v-if="mskData.selectType==3">
                    <div class="sub-label">
                      搜索关键字
                    </div>
                    <div class="inputBox">
                      <input maxlength="20" type="text" placeholder="请输入搜索关键字"
                             v-model="mskData.keyWord"/>
                    </div>
                  </div>
                  <div class="sub-level1 box_border" v-if="mskData.selectType==7">
                    <div class="sub-label">
                      APPID
                    </div>
                    <div class="inputBox">
                      <input type="text" v-model="mskData.AppId" placeholder="请输入小程序APPID"
                             maxlength="18"/>
                    </div>
                  </div>
                  <div class="sub-level1 box_border" v-if="mskData.selectType==7 ">
                    <div class="sub-label">
                      小程序跳转地址
                    </div>
                    <div class="inputBox">
                      <input type="text" v-model="mskData.AppUrl" placeholder="小程序跳转地址"
                             maxlength="200"/>
                    </div>
                  </div>
                  <div class="sub-level1 box_border"
                       v-if="mskData.selectType==7 || mskData.selectType==3">
                    <div class="sub-label">
                      名称
                    </div>
                    <div class="inputBox">
                      <input type="text" v-model="mskData.name" placeholder="请输入名称"
                             maxlength="20"/>
                    </div>
                  </div>
                  <div v-if="mskData.selectType==1">
                    <div class="sub-level1 box_border">
                      <div class="inputBox inputBtn" style="display:grid;">
                        <input type="button" v-on:click="getModuleTplData"
                               :selectid="mskData.id" :urlType="mskData.selectType"
                               value="选择商品">
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        名称
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="mskData.name" placeholder="请输入名称"
                               maxlength="99"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        卖点
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="mskData.ProductTips"
                               placeholder="请输入卖点" maxlength="99"/>
                      </div>
                    </div>
                    <div class="sub-level1 box_border">
                      <div class="sub-label">
                        价格(元)
                      </div>
                      <div class="inputBox">
                        <input type="text" v-model="mskData.ItemSalePrice"
                               placeholder="请输入价格" maxlength="20"/>
                      </div>
                    </div>
                  </div>
                  <div class="sub-level1 box_border"
                       v-if="mskData.selectType!=1 && mskData.selectType!=3 && mskData.selectType!=7 && mskData.selectType!=0">
                    <div class="sub-label" v-if="mskData.selectType==2">
                      选择分类地址
                    </div>
                    <div class="sub-label" v-if="mskData.selectType==4">
                      选择快捷入口地址
                    </div>
                    <div class="sub-label"
                         v-if="mskData.selectType==5 && FeatureKeyList.indexOf('Newsletter')>=0">
                      选择资讯分类地址
                    </div>
                    <div class="sub-label"
                         v-if="mskData.selectType==6 && FeatureKeyList.indexOf('Newsletter')>=0">
                      选择资讯地址
                    </div>
                    <div class="sub-label"
                         v-if="mskData.selectType==8 && FeatureKeyList.indexOf('DiyLnkPage')>=0">
                      选择二级页面
                    </div>

                    <div class="sub-label"
                         v-if="mskData.selectType==10 && FeatureKeyList.indexOf('Comnity')>=0">
                      选择社区板块地址
                    </div>
                    <div class="sub-label"
                         v-if="mskData.selectType==11 && FeatureKeyList.indexOf('Comnity')>=0">
                      选择社区帖子地址
                    </div>
                    <div class="sub-label" v-if="mskData.selectType==12">
                      请输入电话/手机号码
                    </div>
                    <div class="sub-label" v-if="mskData.selectType==17">
                      选择优惠券
                    </div>
                    <div class="inputBox"
                         v-if="mskData.selectType!=9  && mskData.selectType!=12">
                      <input type="text" v-model="mskData.AppUrl"
                             placeholder="请输入地址，网址中/h5后面部分内容" v-if="mskData.selectType==4"
                             style="width: 90%;margin-bottom: 10px;"/>
                      <input type="text" v-model="mskData.name" placeholder="请选择地址"/><a
                      href="javascript:void(0)" v-on:click="getModuleTplData"
                      :selectid="mskData.id" :urlType="mskData.selectType">选择</a>
                    </div>
                    <div class="inputBox" v-if="mskData.selectType==12">
                      <input type="text" v-model="mskData.name" placeholder="请输入电话号码"/>
                    </div>
                    <span v-if="mskData.selectType==9">
													<div class="sub-level1 box_border">
														<div class="sub-label">
															输入网页地址 </div>
														<div class="inputBox">
															<input type="text" v-model="mskData.AppUrl"
                                     placeholder="请输入网页地址"/>
															<p style="color: red;line-height: 20px;">
																注：需登录小程序管理后台配置域名白名单。</p>
														</div>
													</div>
													<div class="sub-level1 box_border">
														<div class="sub-label">
															标题 </div>
														<div class="inputBox">
															<input type="text" v-model="mskData.name"
                                     placeholder="请输入标题"/>
														</div>
													</div>
													<div class="sub-level1 box_border">
														<div class="sub-label">
															标题栏颜色 </div>
														<div class="inputBox">
															<input type="color" v-model="mskData.keyWord"
                                     placeholder="请选择标题栏颜色"/>
														</div>
													</div>
													<div class="sub-level1 box_border">
														<div class="sub-label">
															标题文字颜色 </div>
														<div class="inputicon">
															<div class="radioBox">
																<input type="radio" id="Radio51" v-model="mskData.AppId"
                                       value="white"/>
																<label for="Radio51"
                                       style="background-color:White;"></label>
															</div>
														</div>
														<div class="inputicon">
															<div class="radioBox">
																<input type="radio" id="Radio52" v-model="mskData.AppId"
                                       value="black"/>
																<label for="Radio52"
                                       style="background-color:black;"></label>
															</div>
														</div>
													</div>
												</span>
                  </div>
                  <!--设置 end-->

                  <!--图片 start-->
                  <div class="sub-level1 box_border">
                    <div class="sub-label">
                      上传图片
                    </div>
                    <div class="info_box">
                      <div class="inputicon m_data_img">
														<span v-if="isUploadImage">
															<input type="file" name="upfile" :id="'File'+mskData.id"
                                     v-on:change="uploadImage" :fileId="mskData.id"
                                     :uptype="2" :msType="msType"/>
														</span>
                        <img :src="mskData.path || './static/diy/img/up_img.png' "
                             :imgId="mskData.id"/>
                      </div>
                      <div class="product-info" v-if="mskData.selectType==17">
                        <p><em>￥{{mskData.ItemSalePrice}}</em></p>
                        <p>{{mskData.ProductTips}}</p>
                        <p>{{mskData.AppUrl}}</p>
                      </div>
                    </div>
                  </div>
                  <!--图片 start-->
                </div>
                <div id="data-box"
                     v-if="msType==4 || msType==3 || msType==6 || msType==7 || msType==14|| msType==17">
                  <div class="expand_menu_box" v-for="(item,index) in mskDataArray"
                       v-if="item">
                    <div class="sub-level-title" v-on:click="expandMenu">

                      <i style="float: left;margin-right: 10px; cursor: pointer;"
                         class="iconfont icon-sort" title="拖动排序"></i>
                      第{{index+1}}项 <span class="isHome"></span>
                      <i class="iconfont icon-moreunfold"></i>
                      <i class="iconfont icon-icon-del-copy" :deleteId="item.id"
                         v-on:click.stop="deleteItem"></i>
                    </div>
                    <div class="expand_menu_content" v-bind:class="{hidebox:index>0}">
                      <!--尺寸 start-->
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          链接地址
                        </div>
                        <div class="minIcon">
                          <div class="inputicon">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio49'+item.id"
                                     v-model="item.selectType" value="0"/>
                              <label :for="'Radio49'+item.id">
                                <i>无链接</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio34'+item.id"
                                     v-model="item.selectType" value="1"/>
                              <label :for="'Radio34'+item.id">
                                <i>商品</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio35'+item.id"
                                     v-model="item.selectType" value="2"/>
                              <label :for="'Radio35'+item.id">
                                <i>分类</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio36'+item.id"
                                     v-model="item.selectType" value="3"/>
                              <label :for="'Radio36'+item.id">
                                <i>搜索</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio37'+item.id"
                                     v-model="item.selectType" value="4"/>
                              <label :for="'Radio37'+item.id">
                                <i>快捷入口</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon icon_img"
                               v-if="FeatureKeyList.indexOf('Newsletter')>=0">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio38'+item.id"
                                     v-model="item.selectType" value="5"/>
                              <label :for="'Radio38'+item.id">
                                <i>资讯分类</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon"
                               v-if="FeatureKeyList.indexOf('Newsletter')>=0">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio39'+item.id"
                                     v-model="item.selectType" value="6"/>
                              <label :for="'Radio39'+item.id">
                                <i>资讯</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon icon_img">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio40'+item.id"
                                     v-model="item.selectType" value="7"/>
                              <label :for="'Radio40'+item.id">
                                <i>小程序</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon icon_img"
                               v-if="FeatureKeyList.indexOf('DiyLnkPage')>=0">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio50'+item.id"
                                     v-model="item.selectType" value="8"/>
                              <label :for="'Radio50'+item.id">
                                <i>自定义页面</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon icon_img">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio51'+item.id"
                                     v-model="item.selectType" value="9"/>
                              <label :for="'Radio51'+item.id">
                                <i>网页地址</i>
                              </label>
                            </div>
                          </div>

                          <div class="inputicon icon_img"
                               v-if="FeatureKeyList.indexOf('Comnity')>=0">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio62'+item.id"
                                     v-model="item.selectType" value="10"/>
                              <label :for="'Radio62'+item.id">
                                <i>社区板块</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon icon_img"
                               v-if="FeatureKeyList.indexOf('Comnity')>=0">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio61'+item.id"
                                     v-model="item.selectType" value="11"/>
                              <label :for="'Radio61'+item.id">
                                <i>社区帖子</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon icon_img">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio68'+item.id"
                                     v-model="item.selectType" value="12"/>
                              <label :for="'Radio68'+item.id">
                                <i>拨打电话</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon icon_img">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio74'+item.id"
                                     v-model="item.selectType" value="17"/>
                              <label :for="'Radio74'+item.id">
                                <i>优惠券</i>
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--尺寸 end-->
                      <!--设置 start-->
                      <div class="sub-level1 box_border" v-if="item.selectType==3">
                        <div class="sub-label">
                          搜索关键字
                        </div>
                        <div class="inputBox">
                          <input maxlength="20" type="text" placeholder="请输入搜索关键字"
                                 v-model="item.keyWord"/>
                        </div>
                      </div>
                      <div class="sub-level1 box_border" v-if="item.selectType==7">
                        <div class="sub-label">
                          APPID
                        </div>
                        <div class="inputBox">
                          <input type="text" v-model="item.AppId"
                                 placeholder="请输入小程序APPID" maxlength="18"/>
                        </div>
                      </div>
                      <div class="sub-level1 box_border" v-if="item.selectType==7">
                        <div class="sub-label">
                          小程序跳转地址
                        </div>
                        <div class="inputBox">
                          <input type="text" v-model="item.AppUrl"
                                 placeholder="请输入小程序跳转地址" maxlength="200"/>
                        </div>
                      </div>
                      <div class="sub-level1 box_border"
                           v-if="item.selectType==7 || item.selectType==3 || item.selectType==0">
                        <div class="sub-label">
                          名称
                        </div>
                        <div class="inputBox">
                          <input type="text" v-model="item.name" placeholder="请输入名称"
                                 maxlength="99"/>
                        </div>
                      </div>
                      <div v-if="item.selectType==1">
                        <div class="sub-level1 box_border">
                          <div class="inputBox inputBtn" style="display:grid;">
                            <input type="button" v-on:click="getModuleTplData"
                                   :selectid="item.id" :urlType="item.selectType"
                                   value="选择商品">
                          </div>
                        </div>
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            名称
                          </div>
                          <div class="inputBox">
                            <input type="text" v-model="item.name"
                                   placeholder="请输入名称" maxlength="99"/>
                          </div>
                        </div>
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            卖点
                          </div>
                          <div class="inputBox">
                            <input type="text" v-model="item.ProductTips"
                                   placeholder="请输入卖点" maxlength="99"/>
                          </div>
                        </div>
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            价格
                          </div>
                          <div class="inputBox">
                            <input type="text" v-model="item.ItemSalePrice"
                                   placeholder="请输入价格" maxlength="99"/>
                          </div>
                        </div>
                      </div>
                      <div class="sub-level1 box_border"
                           v-if="item.selectType!=1 && item.selectType!=3 && item.selectType!=7 && item.selectType!=0">
                        <div class="sub-label" v-if="item.selectType==2">
                          选择分类地址
                        </div>
                        <div class="sub-label" v-if="item.selectType==4">
                          选择快捷入口地址
                        </div>
                        <div class="sub-label" v-if="item.selectType==5">
                          选择资讯分类地址
                        </div>
                        <div class="sub-label" v-if="item.selectType==6">
                          选择资讯地址
                        </div>
                        <div class="sub-label"
                             v-if="item.selectType==8 && FeatureKeyList.indexOf('DiyLnkPage')>=0">
                          选择二级页面
                        </div>
                        <div class="sub-label"
                             v-if="item.selectType==10 && FeatureKeyList.indexOf('Comnity')>=0">
                          选择社区板块页面
                        </div>
                        <div class="sub-label"
                             v-if="item.selectType==11 && FeatureKeyList.indexOf('Comnity')>=0">
                          选择社区帖子页面
                        </div>
                        <div class="sub-label" v-if="item.selectType==12">
                          请输入电话/手机号码
                        </div>
                        <div class="sub-label" v-if="item.selectType==17">
                          选择优惠券
                        </div>
                        <div class="inputBox"
                             v-if="item.selectType!=9 && item.selectType!=12">

                          <input type="text" v-model="item.AppUrl"
                                 placeholder="请输入地址，网址中/h5后面部分内容"
                                 v-if="item.selectType==4"
                                 style="width: 90%;margin-bottom: 10px;"/>
                          <input type="text" v-model="item.name"
                                 placeholder="请选择地址"/>

                          <a href="javascript:void(0)" v-on:click="getModuleTplData"
                             :selectid="item.id" :urlType="item.selectType">选择</a>
                        </div>

                        <div class="inputBox" v-if="item.selectType==15">
                          <input type="text" v-model="item.name"
                                 placeholder="请选择地址"/>
                        </div>
                        <div class="inputBox" v-if="item.selectType==12">
                          <input type="text" v-model="item.name"
                                 placeholder="请输入名称"/>
                        </div>
                        <div class="inputBox" v-if="item.selectType==12">
                          <input type="text" v-model="item.mobile"
                                 placeholder="请输入手机号码"/>
                        </div>
                        <span v-if="item.selectType==9">
															<div class="sub-level1 box_border">
																<div class="sub-label">
																	输入网页地址 </div>
																<div class="inputBox">
																	<input type="text" v-model="item.AppUrl"
                                         placeholder="请输入网页地址"/>
																	<p style="color: red;line-height: 20px;">
																		注：需登录小程序管理后台配置域名白名单。</p>
																</div>
															</div>
															<div class="sub-level1 box_border">
																<div class="sub-label">
																	标题 </div>
																<div class="inputBox">
																	<input type="text" v-model="item.name"
                                         placeholder="请输入标题"/>
																</div>
															</div>
															<div class="sub-level1 box_border">
																<div class="sub-label">
																	标题栏颜色 </div>
																<div class="inputBox">
																	<input type="color" v-model="item.keyWord"
                                         placeholder="请选择标题栏颜色"/>
																</div>
															</div>
															<div class="sub-level1 box_border">
																<div class="sub-label">
																	标题文字颜色 </div>
																<div class="inputicon">
																	<div class="radioBox">
																		<input type="radio" :id="'Radio53'+item.id"
                                           v-model="item.AppId" value="white"/>
																		<label :for="'Radio53'+item.id"
                                           style="background-color:White;"></label>
																	</div>
																</div>
																<div class="inputicon">
																	<div class="radioBox">
																		<input type="radio" :id="'Radio54'+item.id"
                                           v-model="item.AppId" value="black"/>
																		<label :for="'Radio54'+item.id"
                                           style="background-color:black;"></label>
																	</div>
																</div>
															</div>
														</span>
                      </div>
                      <!--设置 end-->

                      <!--图片 start-->
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          上传图片
                        </div>
                        <div class="info_box">
                          <div class="inputicon m_data_img">
																<span v-if="isUploadImage">
																	<input type="file" name="upfile"
                                         :id="'File'+item.id"
                                         v-on:change="uploadImage"
                                         :fileId="item.id"/>
																</span>
                            <img :src="item.path || './static/diy/img/up_img.png' "
                                 :imgId="item.id"/>
                          </div>

                          <div class="product-info" v-if="item.selectType==17">
                            <p><em>￥{{item.ItemSalePrice}}</em></p>
                            <p>{{item.ProductTips}}</p>
                            <p>{{item.AppUrl}}</p>
                          </div>
                        </div>
                      </div>
                      <div class="sub-level1  box_border" v-if="msType==6">
                        <div class="sub-label">
                          宽度
                        </div>
                        <div class="inputicon">
                          <input type="range" v-model="item.flexNum" max="375"
                                 min="0"/>{{item.flexNum>1?(item.flexNum+'px'):'自适应'}}
                        </div>
                      </div>
                      <!--图片 start-->
                    </div>
                  </div>
                  <div class="msk_add_ad" v-on:click="addModuleContent">
                    <label></label>添加
                  </div>
                </div>
                <div v-if="msType==2">
                  <div class="sub-label">
                    富文本内容
                  </div>
                  <div class="inputBox">
                    <a href="javascript:void(0)" v-on:click="getModuleTplData"
                       :selectid="mskData.id" :urlType="3"
                       style="padding-bottom:10px;display: block;">选择素材</a>
                    <ueditor v-bind:value="mskData.words" v-on:input="input"
                             v-on:ready="ready"></ueditor>
                  </div>
                </div>
                <div v-if="msType==13">
                  <div class="expand_menu_box" v-for="(item,index) in mskDataArray">
                    <div class="sub-level-title" v-on:click="expandMenu">
                      第{{index+1}}项 <span class="isHome"></span>
                      <i class="iconfont icon-moreunfold"></i>
                      <i class="iconfont icon-icon-del-copy" :deleteId="item.id"
                         v-on:click.stop="deleteItem"></i>
                    </div>
                    <div class="expand_menu_content" v-bind:class="{hidebox:index>0}">
                      <div class="sub-level1 box_border">
                        <div class="sub-label" style="width: 100%">
                          控件类型
                        </div>
                        <div class="inputicon sub-type">
                          <div class="radioBox">
                            <input type="radio" :id="'Radio55'+item.id"
                                   v-model="item.type" value="1"/>
                            <label :for="'Radio55'+item.id">
                              <img
                                src="./static/diy/img/subForm1.png"/>
                              <i>text</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon sub-type">
                          <div class="radioBox">
                            <input type="radio" :id="'Radio56'+item.id"
                                   v-model="item.type" value="2"/>
                            <label :for="'Radio56'+item.id">
                              <img
                                src="./static/diy/img/subForm7_maka.png"/>
                              <i>data</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon sub-type">
                          <div class="radioBox">
                            <input type="radio" :id="'Radio57'+item.id"
                                   v-model="item.type" value="3"/>
                            <label :for="'Radio57'+item.id">
                              <img
                                src="./static/diy/img/subForm2.png"/>
                              <i>textarea</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon sub-type">
                          <div class="radioBox">
                            <input type="radio" :id="'Radio58'+item.id"
                                   v-model="item.type" value="4"/>
                            <label :for="'Radio58'+item.id">
                              <img
                                src="./static/diy/img/subForm34.png"/>
                              <i>radio</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon sub-type">
                          <div class="radioBox">
                            <input type="radio" :id="'Radio59'+item.id"
                                   v-model="item.type" value="5"/>
                            <label :for="'Radio59'+item.id">
                              <img
                                src="./static/diy/img/subForm31.png"/>
                              <i>checkbox</i>
                            </label>
                          </div>
                        </div>
                        <div class="inputicon sub-type">
                          <div class="radioBox">
                            <input type="radio" :id="'Radio81'+item.id"
                                   v-model="item.type" value="6"/>
                            <label :for="'Radio81'+item.id">
                              <img
                                src="./static/diy/img/subForm35.png"/>
                              <i>image</i>
                            </label>
                          </div>
                        </div>
                      </div>
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          标题
                        </div>
                        <div class="inputBox">
                          <input type="text" v-model="item.labelText"
                                 placeholder="请输入标题"/>
                        </div>
                      </div>
                      <div class="sub-level1 box_border" v-if="item.type<4">
                        <div class="sub-label">
                          占位符
                        </div>
                        <div class="inputBox">
                          <input type="text" v-model="item.placeholderText"
                                 placeholder="请输入占位符"/>
                        </div>
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            边框颜色
                          </div>
                          <div class="inputBox">
                            <input type="color" v-model="item.borderColor"
                                   placeholder="请选择标题栏颜色"/>
                          </div>
                        </div>
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            验证类型
                          </div>
                          <div class="inputicon">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio60'+item.id"
                                     v-model="item.isVerification" value="0"/>
                              <label :for="'Radio60'+item.id"><i
                                class="iconfont icon-ZHicon-"></i></label>
                            </div>
                          </div>
                          <div class="inputicon">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio61'+item.id"
                                     v-model="item.isVerification" value="1"/>
                              <label :for="'Radio61'+item.id"><i
                                class="iconfont icon-shouji"></i></label>
                            </div>
                          </div>
                          <div class="inputicon">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio62'+item.id"
                                     v-model="item.isVerification" value="2"/>
                              <label :for="'Radio62'+item.id"><i
                                class="iconfont icon-youxiang"></i></label>
                            </div>
                          </div>
                        </div>
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            是否必填
                          </div>
                          <div class="inputicon">
                            <input class="weui-switch" type="checkbox"
                                   v-model="item.isFillIn"/>
                          </div>
                        </div>
                      </div>
                      <div v-if="item.type==4 || item.type==5">
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            选项名称
                          </div>
                          <div class="inputBox" v-for="info in item.data"
                               style="margin: 5px;">
                            <input type="text" v-model="info.text"
                                   placeholder="请输入标题"/><a :dataid="info.id"
                                                           :datapid="item.id"
                                                           v-on:click="delCKInput"
                                                           style="cursor: pointer;">删除</a>
                          </div>
                        </div>
                        <div class="sub-level1 box_border addSel">
                          <a :dataid="item.id" v-on:click="addCKInput">+添加选项</a>
                        </div>
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            边框颜色
                          </div>
                          <div class="inputBox">
                            <input type="color" v-model="item.selColor"
                                   placeholder="请选择标题栏颜色"/>
                          </div>
                        </div>
                      </div>
                      <div v-if="item.type==6">
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            是否必传
                          </div>
                          <div class="inputicon">
                            <input class="weui-switch" type="checkbox"
                                   v-model="item.isUploadImage"/>
                          </div>
                        </div>
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            最多上传{{item.moreNum}}张
                          </div>
                          <div class="inputBox">
                            <input type="range" v-model="item.moreNum" max="9"
                                   min="1"/>
                          </div>
                        </div>
                      </div>
                      <div v-if="item.type==5" style="display:none">
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            最少选择
                          </div>
                          <div class="inputBox">
                            <input type="text" v-model="item.minSel"
                                   placeholder="请输入最少选择"/>个
                          </div>
                        </div>
                        <div class="sub-level1 box_border">
                          <div class="sub-label">
                            最多选择
                          </div>
                          <div class="inputBox">
                            <input type="text" v-model="item.maxSel"
                                   placeholder="请输入最多选择"/>个
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="msk_add_ad" v-on:click="addInput">
                    <label></label>添加
                  </div>
                </div>
                <div id="data-box" v-if="msType==16">
                  <div class="expand_menu_box" v-for="(item,index) in mskDataArray">
                    <div class="sub-level-title" v-on:click="expandMenu">
                      <i style="float: left;margin-right: 10px; cursor: pointer;"
                         class="iconfont icon-sort" title="拖动排序"></i>
                      第{{index+1}}项 <span class="isHome"></span>
                      <i class="iconfont icon-moreunfold"></i>
                      <i class="iconfont icon-icon-del-copy" :deleteId="item.id"
                         v-on:click.stop="deleteItem"></i>
                    </div>
                    <div class="expand_menu_content" v-bind:class="{hidebox:index>0}">
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          商品类型
                        </div>
                        <div class="minIcon">
                          <div class="inputicon">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio71'+item.id"
                                     v-model="item.selectType" value="12"/>
                              <label :for="'Radio71'+item.id">
                                <i>拼团商品</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon" style="display: none;">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio72'+item.id"
                                     v-model="item.selectType" value="13"/>
                              <label :for="'Radio72'+item.id">
                                <i>抽奖团商品</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio73'+item.id"
                                     v-model="item.selectType" value="14"/>
                              <label :for="'Radio73'+item.id">
                                <i>秒杀商品</i>
                              </label>
                            </div>
                          </div>
                          <div class="inputicon" style="display: none;">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio80'+item.id"
                                     v-model="item.selectType" value="15"/>
                              <label :for="'Radio80'+item.id">
                                <i>砍价商品</i>
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          按钮文字
                        </div>
                        <div class="inputBox">
                          <input type="text" v-model="item.words"
                                 placeholder="请输入按钮文字"/>
                        </div>
                      </div>
                      <div class="sub-level1 box_border">
                        <div class="inputBox inputBtn" style="display:grid;">
                          <input type="button" v-on:click="getModuleTplData"
                                 :selectid="item.id" :urlType="item.selectType"
                                 value="选择商品">
                        </div>
                      </div>
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          已选择
                        </div>
                        <div class="produc-info">
                          <div class="inputicon m_data_img"><span
                            v-if="isUploadImage">
																	<input type="file" name="upfile"
                                         :id="'File'+item.id"
                                         v-on:change="uploadImage"
                                         :fileId="item.id" :uptype="2"
                                         :msType="msType"/></span>

                            <img :src="item.path || './static/diy/img/up_img.png' "
                                 :imgId="item.id" :uptype="2" :msType="msType"/>
                          </div>
                          <div class="text-info">
                            <span>{{item.name}}</span>
                            <span>开始时间：{{item.StartTimeStr}}</span>
                            <span>结束时间：{{item.EndTimeStr}}</span>
                            <span>活动价：<em>￥{{item.ItemSalePrice}}</em></span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="msk_add_ad" v-on:click="addModuleContent" :msType="msType">
                    <label :msType="msType"></label>添加
                  </div>
                </div>
                <div id="data-box" v-if="msType==104">
                  <div class="expand_menu_box" v-for="(item,index) in mskDataArray">
                    <div class="sub-level-title" v-on:click="expandMenu">
                      <i style="float: left;margin-right: 10px; cursor: pointer;"
                         class="iconfont icon-sort" title="拖动排序"></i>
                      第{{index+1}}项 <span class="isHome"></span>
                      <i class="iconfont icon-moreunfold"></i>
                      <i class="iconfont icon-icon-del-copy" :deleteId="item.id"
                         v-on:click.stop="deleteItem"></i>
                    </div>
                    <div class="expand_menu_content" v-bind:class="{hidebox:index>0}">
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          商品类型
                        </div>
                        <div class="minIcon">
                          <div class="inputicon" style="display: none;">
                            <div class="radioBox">
                              <input type="radio" :id="'Radio80'+item.id"
                                     v-model="item.selectType" value="104"/>
                              <label :for="'Radio80'+item.id">
                                <i>砍价商品</i>
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          分类名称
                        </div>
                        <div class="inputBox">
                          <input type="text" v-model="item.name"
                                 placeholder="请输入分类名称"/>
                        </div>
                      </div>

                      <div class="sub-level1 box_border">
                        <div class="inputBox inputBtn" style="display:grid;">
                          <input type="button" v-on:click="getModuleTplData"
                                 :selectid="item.id" :selectdataids="item.ids || item.did" :urlType="item.selectType"
                                 value="选择商品">
                        </div>
                      </div>

                      <!-- 已选择 -->
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          已选择
                        </div>
                        <div class="inputBox">
                                                    <textarea type="text" v-model="item.ids"
                                                              placeholder="请输入选中商品编号" style="width: 280px;height: 100px;"></textarea>
                        </div>
                      </div>



                      <!--分类商品 start-->
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          是否展示过滤价格
                        </div>
                        <div class="inputicon">
                          <input class="weui-switch" type="checkbox"
                                 v-model="item.isShowFilter"/>
                        </div>
                      </div>
                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          价格区域选项
                        </div>
                        <div class="inputBox">
                          <input type="text" v-model="item.title"/>
                        </div>
                      </div>

                      <div class="sub-level1 box_border">
                        <div class="sub-label">
                          排序选项
                        </div>
                        <div class="inputBox">
                          <input type="text" v-model="item.options"/>
                        </div>
                      </div>
                      <!--分类商品 end-->
                    </div>
                  </div>
                  <div class="msk_add_ad" v-on:click="addModuleContent" :msType="msType">
                    <label :msType="msType"></label>添加
                  </div>
                </div>
              </div>
            </div>
          </vue-scroll>
        </div>
      </div>
    </div>
    <form method="post" action="https://test.suteshop.com/admin.php/Page_Base/saveTpl" id="dir_form">
      <input type="hidden" name="tpl_id" id="tpl_id" value="1012"/>
      <input type="hidden" name="ctid" id="ctid" value="1711"/>
      <input type="hidden" name="tpl_label" id="tpl_label" value="美妆"/>
      <input type="submit" name="Button1" value="Button" id="Button1" style="display: none"/>
      <input type="submit" name="Button3" value="Button" id="Button3" style="display: none"/>
      <input type="hidden" name="app_id" id="app_id" value="1022"/>
      <input type="hidden" name="page_id" id="page_id" value="1513266512"/>
      <input type="hidden" name="store_id" id="store_id" value="0"/>
      <input type="hidden" name="store_name" id="store_name" value=""/>
      <input type="hidden" name="app_page_list" id="app_page_list"
             value='[]'/>
      <input type="hidden" name="page_code" id="page_code" value='[]'/>
      <input type="hidden" name="page_nav" id="page_nav" value='{}'/>
      <input type="hidden" name="app_id" id="app_id" value="1012"/>
      <input type="hidden" name="page_config" id="page_config"
             value='{"BackgroundObj":{"type":"1","bgColor":"#f7f7f7","pathColor":"#f8f8f8","path":"https://test.suteshop.com/image.php/shop/data/upload/media/user/10001/image/20210122/1611294603771605.jpg"}}'/>
      <input type="hidden" name="app_member_center" id="app_member_center"
             value='{"IsHome":0,"ShareImg":"","PageConfig":"","ShareTitle":"","PageNav":"","PageTitle":"个人中心","PageCode":"{\"type\":2,\"list\":[{\"color\":\"#DB384C\",\"icon\":\"icon-gouwu\",\"url\":\"/activity/fightgroup/order\",\"isShow\":true,\"cat\":2,\"name\":\"我的拼团\",\"id\":1,\"FeatureKey\":\"FightGrp\"},{\"color\":\"#44afa4\",\"icon\":\"icon-xiaojinku\",\"url\":\"/member/fans/profitlist\",\"isShow\":true,\"cat\":2,\"name\":\"分销佣金\",\"id\":2,\"FeatureKey\":\"MemCashAcct\"},{\"color\":\"#44afa4\",\"icon\":\"icon-shijian\",\"url\":\"/member/order/list?kind_id=1202\",\"isShow\":true,\"cat\":2,\"name\":\"我的预约\",\"id\":3,\"FeatureKey\":\"\"},{\"color\":\"#44afa4\",\"icon\":\"zc zc-chongzhiqia\",\"url\":\"/member/card/user_list?kind_id=1203\",\"isShow\":true,\"cat\":2,\"name\":\"我的卡包\",\"id\":39,\"FeatureKey\":\"PayCardType\"},{\"color\":\"#44afa4\",\"icon\":\"icon-liwu\",\"url\":\"/activity/gift/exchange\",\"isShow\":true,\"cat\":1,\"name\":\"礼包兑换\",\"id\":40,\"FeatureKey\":\"GiftPackType\"},{\"color\":\"#44afa4\",\"icon\":\"zc zc-tuihuanhuo\",\"url\":\"/member/member/returnlist\",\"isShow\":true,\"cat\":1,\"name\":\"售后服务\",\"id\":36,\"FeatureKey\":\"service\"},{\"color\":\"#ffc333\",\"icon\":\"icon-kanjia\",\"url\":\"/activity/cutprice/userlist\",\"isShow\":true,\"cat\":2,\"name\":\"我的砍价\",\"id\":4,\"FeatureKey\":\"CutPrice\"},{\"color\":\"#DB384C\",\"icon\":\"icon-youhuiquan\",\"url\":\"/member/cash/predeposit\",\"isShow\":true,\"cat\":1,\"name\":\"账户余额\",\"id\":45,\"FeatureKey\":\"UserMoneyKey\"},{\"color\":\"#56ABE4\",\"icon\":\"icon-youhuiquan\",\"url\":\"/member/member/coupon\",\"isShow\":true,\"cat\":1,\"name\":\"优惠券\",\"id\":5,\"FeatureKey\":\"Coupon\"},{\"color\":\"#ffc333\",\"icon\":\"icon-edit\",\"url\":\"/member/member/sign\",\"isShow\":true,\"cat\":2,\"name\":\"签到\",\"id\":44,\"FeatureKey\":\"MemSign\"},{\"color\":\"#ffc333\",\"icon\":\"icon-zuanshi\",\"url\":\"/member/member/task\",\"isShow\":true,\"cat\":2,\"name\":\"会员中心\",\"id\":6,\"FeatureKey\":\"MemGrade\"},{\"color\":\"#7672B8\",\"icon\":\"icon-store\",\"url\":\"/member/member/favorites-store\",\"isShow\":true,\"cat\":1,\"name\":\"店铺收藏\",\"id\":7,\"FeatureKey\":\"FavProd\"},{\"color\":\"#56ABE4\",\"icon\":\"icon-liwu\",\"url\":\"/member/member/favorites\",\"isShow\":true,\"cat\":1,\"name\":\"商品收藏\",\"id\":107,\"FeatureKey\":\"FavProd\"},{\"color\":\"#56ABE4\",\"icon\":\"zc zc-zuji\",\"url\":\"/member/member/browse\",\"isShow\":true,\"cat\":1,\"name\":\"我的足迹\",\"id\":108,\"FeatureKey\":\"FavProd\"},{\"color\":\"#1BC2A6\",\"icon\":\"icon-shouhuodizhi\",\"url\":\"\",\"isShow\":true,\"cat\":1,\"name\":\"收货地址\",\"id\":8,\"FeatureKey\":\"UserAddress\"},{\"color\":\"#327eac\",\"icon\":\"zc zc-dianpu\",\"url\":\"/pagesub/westore/index\",\"isShow\":true,\"cat\":2,\"name\":\"我的小店\",\"id\":10,\"FeatureKey\":\"WeStore\"},{\"color\":\"#327eac\",\"icon\":\"zc zc-fenxiao\",\"url\":\"/member/fans/index\",\"isShow\":true,\"cat\":2,\"name\":\"推广中心\",\"id\":21,\"FeatureKey\":\"fenxiao\"},{\"color\":\"#b5dbaf\",\"icon\":\"zc zc-message\",\"url\":\"/member/member/message\",\"isShow\":true,\"cat\":1,\"name\":\"我的消息\",\"id\":33,\"FeatureKey\":\"Message\"},{\"color\":\"#7673db\",\"icon\":\"zc zc-shezhi\",\"url\":\"/member/member/options\",\"isShow\":true,\"cat\":1,\"name\":\"用户设置\",\"id\":31,\"FeatureKey\":\"Options\"},{\"color\":\"#ac8dd5\",\"icon\":\"zc zc-bangzhu\",\"url\":\"/pagesub/article/list\",\"isShow\":true,\"cat\":1,\"name\":\"帮助\",\"id\":32,\"FeatureKey\":\"Help\"},{\"color\":\"#b5dbaf\",\"icon\":\"zc zc-guanyu\",\"url\":\"/pagesub/index/about\",\"isShow\":true,\"cat\":1,\"name\":\"关于\",\"id\":33,\"FeatureKey\":\"AbtUs\"},{\"color\":\"#DB384C\",\"icon\":\"icon-yonghufankui1\",\"url\":\"/member/member/feedback\",\"isShow\":true,\"cat\":1,\"name\":\"用户反馈\",\"id\":10,\"FeatureKey\":\"\"},{\"color\":\"#db384c\",\"icon\":\"zc zc-dianpu\",\"url\":\"/seller/index/index\",\"isShow\":true,\"cat\":2,\"name\":\"商家中心\",\"id\":34,\"FeatureKey\":\"Seller\"},{\"color\":\"#DB384C\",\"icon\":\"zc zc-qingchuhuancun\",\"url\":\"\",\"isShow\":true,\"cat\":1,\"name\":\"清除缓存\",\"id\":11,\"FeatureKey\":\"CleanCacheKey\"},{\"color\":\"#56ABE4\",\"icon\":\"zc zc-zuji\",\"url\":\"/paotui/index/index\",\"isShow\":true,\"cat\":2,\"name\":\"骑手大厅\",\"id\":109,\"FeatureKey\":\"FavProd\"},{\"color\":\"#56ABE4\",\"icon\":\"zc zc-15\",\"url\":\"/xcxlive/anchor/apply\",\"isShow\":true,\"cat\":2,\"name\":\"申请主播\",\"id\":109,\"FeatureKey\":\"FavProd\"},{\"color\":\"#56ABE4\",\"icon\":\"zc zc-fangjian\",\"url\":\"/xcxlive/room/add\",\"isShow\":true,\"cat\":2,\"name\":\"创建房间\",\"id\":109,\"FeatureKey\":\"FavProd\"},{\"color\":\"#56ABE4\",\"icon\":\"zc zc-fenlei1\",\"url\":\"/xcxlive/room/list\",\"isShow\":true,\"cat\":2,\"name\":\"房间列表\",\"id\":109,\"FeatureKey\":\"FavProd\"}]}","PageQRCode":"","StoreId":0,"IsPersonalCenter":true,"IsRelease":true,"Id":6934,"AppId":8}'/>
      <input type="hidden" name="app_feature_keyset" id="app_feature_keyset"
             value='["AbtVendor","ShopTmpl","DiyUI","DiyLnkPage","Comnity","ProdCat","ProdDetail","ProdVideo","FavProd","ProdCmt","CustServ","CallDirect","ShoppingCart","MulPhyStore","ServResv","SelfTake","PayOnline","Membership","ProdMgr","ProdQrCode","OrderMgr","RecptPnt","OrderDetail","ShipMgr","CityDist","MemCent","MemCentGrid","QrCodeMeal","TakeAway","Newsletter","VideoCnt","TmplMsg","ProdProm","FlashSale","MemDist","PhyStoreDist","FansRank","Coupon","FightGrp","CutPrice","LuckDraw","GoldenEgg","QuickPay","AdvEvent","DynForm","ECashCard","MemGrade","MemGradeDisct","MemPoint","MemTag","MemCashAcct","MemRpt","ProdRpt","OrderRpt","SrcDelgAuth","FreeUpd"]'/>
    </form>

    <script type="text/javascript"
            src="./static/diy/js/diy.min.js?v=1.0.1"></script>
    <script type="text/javascript"
            src="./static/diy/js/ueditor.config.js?v=1.0.1">
    </script>
    <script type="text/javascript"
            src="./static/diy/js/ueditor.all.js?v=1.0.1">
    </script>
    <script type="text/javascript">
      $(function() {
        $.ajaxSetup({
          headers : {
            Accept: "application/json, text/plain, */*",
            Authorization : "Bearer " + window.authorization
          }
        });

        $.ajaxSettings.beforeSend= function(XMLHttpRequest) {
          XMLHttpRequest.setRequestHeader("Authorization", "Bearer " + window.authorization);
        };
      })
    </script>
  </div>
</div>
</body>
</html>
